这一篇介绍html5新增的表单元素和表单属性。
首先先说一个html5中表单新增的一个功能,在我们之前的html中,表单元素必须放在form元素所包含的里面,在html5中,可以把他们写在页面上的任何一个地方,然后给该元素增加一个form属性,form属性的值为form表单的id,如下:[html] view plain copy
在form元素里面的表单元素可以不用添加form属性,如果你想利用form获取所有表单元素的值,那么在form元素外面的表单元素就必须添加form属性,input、select、textarea等元素都满足该功能。
HTML5 有以下新的表单元素:
注意:不是所有的浏览器都支持HTML5 新的表单元素,但是你可以在使用它们,即使浏览器不支持表单属性,仍然可以显示为常规的表单元素。
HTML5 元素
元素规定输入域的选项列表。
属性规定 form 或 input 域应该拥有自动完成功能。当用户在自动完成域中开始输入时,浏览器应该在该域中显示填写的选项:
使用 元素的列表属性与 元素绑定.
注意: Internet Explorer 9(更早IE版本),Safari不支持 datalist 标签。
用户名:
加密:
注意: Internet Explorer 不支持 keygen 标签。
0
100
+
=
注意: Internet Explorer 不支持 output 标签。