相对于 HTML4 来说,HTML5中的元素与特性提供更大程度上的语义标记,同时还删除了大量在 HTML4 中因为脚本与样式缘故而存在的冗余元素。通过让表单在不同网站上表现的更加一致,及时响应用户输入的数据,HTML5的表单特性为用户提供了更好的使用体验。这些体验同样适用于那些禁用了浏览器脚本的用户。
这个话题会描述那些被 Gecko/Firefox4 或更高版本所支持的一些新特性或者改变的部分。
元素
的 type 特性拥有更多的值.
search: 这个元素呈现为一个搜索框。换行符会从输入值中去掉,此外没有其他的语法增强了。
tel: 这个元素可现为一个编辑电话号码的输入控件。换行符会从输入值中去掉,此外没有其他的语法增强了,因为电话号码国际化差异非常明显。你可以使用如 pattern 与 maxlength 等属性来限制输入到控件中的值。
url: 这个元素呈现为一个编辑URL 的输入控件。换行符与首尾的空格将会被自动去除。
email: 这个元素呈现为一个邮件地址。换行符会被自动去除。可以设置一个无效的邮件地址,但若满足输入框的限制,必须遵守在扩展的巴科斯范式(ABNF)中的规范:1( atext / "." ) "@" ldh-str 1( "." ldh-str ) 其中atext 在规范RFC 5322 section 3.2.3 中被定义,而ldh-str在规范RFC 1034 section 3.5 中被定义。.
注意: 若设置multiple属性, 区域中可以用逗号分割的方式,输入多个email, 但 Firefox不支持. 元素也拥有一些新的特性。
list:
pattern: 一个正则表达式,用于检查控件的值,能够作用于 type 值是 text, tel, search, url, 和 email 的 input 元素。
form: 一个字符串,用于表明该 input 属于哪个