您的位置:博客首页 >> 安卓手机 >> html5相关的一些小代码

html5相关的一些小代码

日志编号:73 发表时间: 2014-07-21 09:22:22 关注次数:3837
文章:2012-02-20 20:00:22
更新:2014-07-21 09:22:22
1、语音输入:<input name="job" id="job" size="14" type="text" x-webkit-speech lang="zh-CN" /> chrome浏览器、UC浏览器支持此功能。
2、按号码直接拨打:<a title="拨打" href="wtai://wp/mc;911">911</a> 这条是wap的规则,几乎所有手机浏览器支持。
3、<small>用在底部版权的小字部分。html5赋予这个标签更有意义。
4、表单必须填:<input type="text" name="name" required="required"/>,如果不填写,则不能提交。当然这是html5的语义或者说约定,具体表现还得看浏览器是否强制遵循html5,如果浏览器按html4来操作……
5、表单正则:   <input type="text" name="username" id="username" placeholder="4 <> 10" pattern="[A-Za-z]{4,10}" atofocus required />
6、上传文件选择,只显示图片,以及多选:<input type="file" id="input" size="10" multiple accept="image/*" />

7、多媒体(不适用IE6):
以下为代码内容,请直接复制粘贴:
<audio autoplay="autoplay" controls="controls">
     <source src="file.mp4" />
     <source src="file.mp3" />
     <a href="file.mp3">Download this file.</a>
</audio>

8、type="email",这个太牛了。果断用上吧。IE6不认识没关系,type="text",手机和chrome\FF\IE8则将会强制要求输入email格式的内容……

1、2、3、4、5对于html4的用户(浏览器)而言,虽不支持(除2、3、4),但写上可以支持html5的用户,所以这些方法可以现在就应用到所有网页中。
本站不提供讨论功能。
本站所有非新闻类文章均为原创,且禁止转载。
本站为了获得更多流量赚取广告费,难免会有以次充好的文章,望见谅,勿鄙视。