码迷,mamicode.com
首页 > 其他好文 > 详细

增强的Form表单元素值得关注

时间:2017-11-26 12:40:26      阅读:116      评论:0      收藏:0      [点我收藏+]

标签:oval   电子邮件   元素   range   电话   val   子邮件   sel   数据   

  在HTML5增强的元素中,最值得关注的就是表单元素。在HTML5中,表单已经做了重大的修整,一些以前需要通过JavaScript编码实现的功能现在无需编码就可轻松实现。在开始讨论之前,需要注意一点:

  在HTML5中,表单控件是可以处于其所属的一个或多个表单的外部的。所以,表单控件像fieldset,label,input这些都加入了form属性,用于标识表单控件所属的表单。

  在HTML5中:鞍山治疗牛皮癣的医院www.0412n.com

  1. form元素自身增加了两个新的属性:autocomplete和novalidate。autocomplete属性用于启用“下拉建议列表”功能,novalidate属性用于关闭表单验证功能,这在测试时会很有用。

  2. fieldset元素增加了三个新属性:disable、name和form。disable属性用于禁用fieldset,name属性用于设置fieldset的名称,form属性的值是fieldset所属的一个或多个表单的ID,这个前面也说了,当fieldset被置于表单的外部时,你必须设置该fieldset标签的form属性,这样fieldset就可以正确地与一个或多个表单关联起来。

  3. label元素除for属性外,只增加了form属性。这里值得一提的是for属性,我以前还真没注意过。for属性用于指定label附属的表单控件,这样点击这个label时会让附属的表单控件获得焦点,比如:

  4. input元素引入了一些新的类型与属性,增强了表单的可用性。这些新的输入类型,用于对数据进行组织和归类,非常有用,遗憾的是并没有哪一个浏览器能很好的支持所有的这些类型。

  除了原来button,text,submit,checkbox,radio,select,password的类型,HTML5加入了下列新的input类型:鞍山牛皮癣那里治的好www.0412n.com

  颜色:color

  各种日期:date, datetime, datetime-local, month, week, time

  电子邮件:email

  数字:number

  范围:range

  搜索:search

  电话:tel

  URL类型:url

增强的Form表单元素值得关注

标签:oval   电子邮件   元素   range   电话   val   子邮件   sel   数据   

原文地址:http://www.cnblogs.com/asdsyy/p/7898546.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!