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中设定拖动阶梯。