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!