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

Posted 2020-10-15

　　在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