标题:HTML5之表单新功能 2.新的表单属性
只看楼主
elsyyzh
Rank: 1
来 自:湖北黄冈
等 级:新手上路
帖 子:29
专家分:0
注 册:2015-11-9
结帖率:0
 问题点数:0 回复次数:0 
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中设定拖动阶梯。
搜索更多相关主题的帖子: required 浏览器 hidden opera HTML5 
2015-11-12 15:27



参与讨论请移步原网站贴子:https://bbs.bccn.net/thread-459130-1-1.html




关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.312730 second(s), 7 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved