HTML5之表单新功能 2.新的表单属性

placeholder属性

<input type="text" name="user" placeholder="请输入搜索内容...">

这是一个很实用的属性，免去了JS去实现点击清除表单初始值，浏览器支持也不错，标准浏览器都能很好的支持。

required/paaten属性

<input type="text" name="user" required patten="^[0-9]\d{5,12}$">

表单验证属性，required类型时，若输入值为空，则拒绝提交，并会有一个提示，这个很有用，并且可以用于textara以及hidden/image/submit类型，patten类型为正则验证，可以完成各种复杂的验证，这两种类型在opera中必须指定name值，搜则无效。

auatofocus属性

<input type="text" name="user" placeholder="请输入搜索内容..." autofocus>

默认聚焦属性，可在页面添加到一个表单控件，类似于JS的focus{}。

list属性

<input type="text" name="xueli" list="ilist">

<datalist id="ilist">

           <option value="高中"></option>

           <option value="大专"></option>

           <option value="本科"></option>

</datalist>

该属性需要与datalist属性共用，datalist是对选择值得记忆，而list属性可以为选择值自定义记忆的内容。

max/min/step属性

<input type="range" name="FW" max="100" min="0" step="20" value="10">

限制值的输入范围，以及值的输入渐进程度，比如可在number设定输入最大值，最小值或者在range中设定拖动阶梯。