HTML5新增常用标签及浏览器版本兼容性问题解决( 二 ) _HTML5

2）音频标签
audio：用来定义音频内容，支持多种音频格式，包括.mp3、.wav、.ogg等，最常用的是.mp3 。
音频标签的用法和视频标签的基本一样，属性及属性值含义也基本一样。
Google的chrome浏览器将音频、视频自动播放给默认禁止了，视频可以通过添加静音播放折中解决，但是音频单独通过html标签和属性是不能解决的，需要js配合使用。
（3）智能表单标签
1）新增input类型

文章插图

tel：限制输入电话号码，目前只有 Safari 8 支持 tel 类型；
email：在提交时验证输入内容是否符合邮箱格式；
date：限制输入的内容为日期，浏览器会弹出日期选择器；
time：限制输入的内容为时间，浏览器会弹出日期选择器；
number：限制输入的内容仅为数字；
url：在提交时验证输入内容是否符合url格式；

<form action=""><ul><li>搜索：<input type="search" name="" id="" /></li> <li>电话：<input type="tel" /></li> <li>邮箱：<input type="email" /></li><li>日期：<input type="date" /></li><li>时间：<input type="time" /></li><li>数量：<input type="number" min="1" max="5"/></li><li>网址：<input type="url" /></li><li>附件：<input type="file" /></li><li><input type="submit" /></li></ul></form>

2）新增input的属性
min和max属性可以限制数字的最值，可以限制日期、时间类型的最值；其属性值为具体内容。
required属性表示必填项；其属性值为required 。
placeholder属性表示提示信息，其属性值为提示信息。
multiple属性表示input类型为file时，可以文件多选；其属性值为multiple 。
autocomplete属性表示是否显示之前提及过的文本信息；其属性值为on或者off 。

【HTML5新增常用标签及浏览器版本兼容性问题解决】