| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 993 人关注过本帖
标题: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
快速回复:HTML5之表单新功能 2.新的表单属性
数据加载中...
 
   



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

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