標籤:手機 utf-8 init color header open name 自動 -o
原文:http://www.open-open.com/code/view/1449843459332
在很多的手機網站上,有打電話和發簡訊的功能,對於這些功能是如何?的呢。其實不難,今天我們就用html5來實現他們。簡單的讓你大開眼界。
HTML5 很容易寫,但建立網頁時,您經常需要重複做同樣的任務,如建立表單。在這...有 HTML5 啟動模板、空白圖片、 打電話和發簡訊、自動完成等等,協助你提高開發效率的同時,還帶來了更炫的功能。好了,我們今天就來做一做看看效果吧!!
看代碼:
<!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> <div data-role="page"> <div data-role="header" data-position="fixed"> <h1>偽專家html5開發打電話、發簡訊功能</h1> </div> <div data-role="content"> <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> </div> <div data-role="footer" data-position="fixed"> <h1>偽專家html5開發打電話、發簡訊功能</h1> </div> </div> </body> </html>
html5開發手機打電話發簡訊功能