HTML5技术

HTML5 学习笔记(二)——HTML5新增属性与表单元素 - SeeYouBug(3)

字号+ 作者:H5之家 来源:H5之家 2016-12-04 13:00 我要评论( )

HTML5新的表单元素HTML5新的表单元素姓名:相片:帐号: 请输入a-zA-Z0-9且长度6-16位的字符 邮箱:博客:生日:身高:肤色:体重:提交 showValue(val){document.getElementById( val;} 三、特殊的超链接3.1、短信

HTML5新的表单元素HTML5新的表单元素姓名:相片:帐号:请输入a-zA-Z0-9且长度6-16位的字符 邮箱:博客:生日:身高:肤色:体重:提交 showValue(val){ document.getElementById(val; }

三、特殊的超链接 3.1、短信

<a href='sms:15919218899'>短信</a>

在手机端,当点击短信时将实现发送短信功能,进入发送短信界面,自动填写好手机号码

3.2、电话

<a href="tel:15919218899">电话</a>

在手机端,当点击电话时将实现拨打电话功能,进入拨打电话界面,自动填写好手机号码

3.3、邮件

<a href="mailto:99519876@qq.com">邮件</a>

点击邮件时将启动客户端发送邮件的软件如outlook,foxmail等

3.4、QQ客户

<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=99518888&site=qq&menu=yes" alt="点击这里给我发消息" title="点击这里给我发消息">QQ客服</a>

3.5、地图

<a href="http://map.baidu.com/mobile/webapp/search/search/qt=s&wd=%E7%8F%A0%E6%B5%B7%E6%B8%AF&c=348&searchFlag=bigBox&version=5&exptype=dep/vt=map/?fromhash=1">地图</a>

在手机端可以直接进入baidu的地图

3.6、分享

自定义设置:shang.qq.com

 

 示例代码:

短信电话邮件QQ客服地图IT学院

 运行效果:

 

 四、示例代码下载

 github:https://github.com/zhangguo5/HTML5_3_1

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • HTML5 学习笔记(一)——HTML5概要与新增标签 - SeeYouBug

    HTML5 学习笔记(一)——HTML5概要与新增标签 - SeeYouBug

    2016-12-04 14:00

  • HTML5 学习笔记(三)——本地存储 - SeeYouBug

    HTML5 学习笔记(三)——本地存储 - SeeYouBug

    2016-12-04 12:00

  • HTML5地理定位 - 八颗

    HTML5地理定位 - 八颗

    2016-12-01 14:00

  • HTML5 学习总结(四)——canvas绘图、WebGL、SVG - 张果

    HTML5 学习总结(四)——canvas绘图、WebGL、SVG - 张果

    2016-12-01 13:00

网友点评