Home > Article > Web Front-end > html5 development mobile phone calling and texting function code example sharing

html5 development mobile phone calling and texting function code example sharing

黄舟Original: 2017-03-17 16:13:555855browse

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>

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：

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

Previous article：Sample code analysis on how to improve website front-end performance in HTML5Next article：Sample code analysis on how to improve website front-end performance in HTML5

See more

html5 development mobile phone calling and texting function code example sharing

Related articles