html5 development mobile phone calling and texting function code example sharing-H5 Tutorial-php.cn

Home

Web Front-end

H5 Tutorial

html5 development mobile phone calling and texting function code example sharing

黄舟

Mar 17, 2017 pm 04:13 PM

On many mobile websites, there are functions of making calls and sending text messages. How are these functions implemented? In fact, it is not difficult. Today we will use html5 to implement them. Simply eye-opening.
HTML5 is easy to write, but when creating web pages, you often need to do the same tasks repeatedly, such as creating forms. Here... there are HTML5 startup templates, blank pictures, calls and text messages, autocomplete, etc., to help you improve development efficiency, It also brings more cool features. Okay, let’s do it today and see the effect! !
Look at the code:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>伪专家html5开发法短信功能</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css">
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
</head>
<body>
<p data-role="page">
  <p data-role="header" data-position="fixed">
    <h1>伪专家html5开发打电话、发短信功能</h1>
  </p>

  <p data-role="content">
    <p><b>如有疑问：请加qq群135430763，共同学习！！！</b></p>

    <p><b>如有疑问：请加qq群135430763，共同学习！！！</b></p>
  
    <p><a href="sms:10086?body=短信内容" data-role="button" data-theme="a">测试发短信</a></p>
  
  	<p><a href="tel:10086" data-role="button" data-theme="a">测试打电话</a></p>
  </p>

  <p data-role="footer" data-position="fixed">
    <h1>伪专家html5开发打电话、发短信功能</h1>
  </p>
</p>
</body>
</html>

Copy after login

Mobile phone screenshot:

The above is the detailed content of html5 development mobile phone calling and texting function code example sharing. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn