前端人员肯定做过不少表单验证的项目，其中很重要的一点就是有些输入框的内容是必须填写的，这里就需要使用Javascript来检查。在HTML5中，新增了一个“必须填写”的属性：required。required属性有两种使用方法，第二种方法显得更有结构性，而第一种更简洁。

1 <input type="text" name="someInput" required>

1 <input type="text" name="someInput" required="required">

有了这个属性，使表单的提交验证变得更简单了，看看下面简单的例子：

1 <form method="post">

2     <label for="someInput"> Your Name: </label>

3 <input id="someInput" name="someInput" type="text" placeholder="Douglas Quaid" required="required">

4     <button>Go</button>

5 </form>

如果输入框为空，表单将无法提交成功。

14. 自动获取焦点

同样的，HTML5也不再需要Javascript来解决输入框的自动获取焦点，如果某个输入框应当被选择或是获取到输入焦点，HTML5新增了自动获取焦点属性autofocus：

1 <input type="text" name="someInput" placeholder="Douglas Quaid"required="required" autofocus="autofocus">

autofocus也同样可以写成”autofocus=autofocus”，这样看起来标准些，这个根据自己的个人喜好而定。

15. 音频播放的支持

HTML5中提供了<audio>标签，解决了以往必须依靠第三方插件才能播放音频文件的问题。目前为止，还只有少数的最新浏览器支持该标签。

1 <audio autoplay="autoplay" controls="controls">

2     <source src="file.ogg">

3     <source src="file.mp3">

4     <a href="file.mp3">Download this file.</a>

5 </audio>

为什么会有两种格式的音频文件？因为Firefox和Webkit浏览器所支持的格式存在差异，Firefox只能支持.ogg文件，而Webkit只支持.mp3的文件，解决的办法就是创建两个版本的音频文件，这样就可以兼容Firefox和Webkit的浏览器了，需要注意的是IE不支持该标签。

16. 视频播放的支持