많은 모바일 웹사이트에는 전화 걸기, 문자 보내기 기능이 있는데 어떻게 구현되나요? 사실 오늘은 html5를 사용하여 구현해 보겠습니다. 단순히 눈을 뜨는 것입니다.
HTML5는 작성하기 쉽지만 웹페이지를 만들 때 양식을 만드는 등 동일한 작업을 반복적으로 수행해야 하는 경우가 많습니다. 여기... 개선에 도움이 되는 HTML5 시작 템플릿, 빈 그림, 전화 걸기 및 문자 메시지 보내기, 자동 완성 등이 있습니다. 개발 효율성도 향상되었습니다. 좋아, 오늘 하고 효과를 보자! !
코드 보기:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 | <!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 >
|
로그인 후 복사
휴대폰 스크린샷:
위 내용은 html5 개발 휴대폰 통화 및 문자 기능 코드 예제 공유의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!