当前位置: 首页 > Web前端 > HTML

HTML5中的表单

时间:2023-04-02 17:57:03 HTML

与HTML4相比,HTML5中的元素和特性提供了更大程度的语义标记,同时删除了HTML4中因脚本和样式而存在的大量冗余元素。HTML5的表单特性通过使表单在不同网站上的行为更加一致并及时响应用户输入的数据,为用户提供了更好的体验。这些经验也适用于禁用浏览器脚本的用户。本主题将描述Gecko/Firefox4或更高版本支持的一些新功能或更改。元素的type属性具有更多值。search:此元素呈现为搜索框。换行符从输入值中删除,并且没有进行其他语法增强。tel:该元素现在可以作为编辑电话号码的输入控件。换行符从输入值中删除,并且没有进行其他语法增强,因为电话号码国际化差异很明显。您可以使用pattern和maxlength等属性来限制输入到控件中的值。url:此元素呈现为用于编辑URL的输入控件。换行符和前导空格和尾随空格将被自动删除。电子邮件:此元素呈现为电子邮件地址。换行符会自动去除。可以设置无效的email地址,但如果满足输入框的限制,则必须符合ExtendedBackus-NaurForm(ABNF)中的规范:1(atext/".")"@"ldh-str1("."ldh-str)其中atext在规范RFC5322第3.2.3节中定义,而ldh-str在规范RFC1034第3.5节中定义。.注意:如果设置了multiple属性,可以在区域输入多封邮件,用逗号分隔,Firefox不支持。元素也有一些新特性。list:元素的ID,元素的内容,

元素。输入只能以一种形式存在。formmethod:一个字符串,指示提交表单时使用哪种HTTP方法(GET或POST);如果已定义,则覆盖元素上的方法属性。只有当type的值为image或submit,并且设置了form属性时,formmethod才能生效。x-moz-errormessage:当表单字段验证失败时显示错误消息的字符串。此值是Mozilla扩展,而非标准。元素元素有一个新属性:novalidate:如果设置了这个属性,表单在提交前将不会被验证。元素元素将显示一个