Home > Web Front-end > H5 Tutorial > body text

html5 development mobile phone calling and texting function code example sharing

黄舟
Release: 2017-03-17 16:13:55
Original
5927 people have browsed it

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!

Related labels:
source:php.cn
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
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template