HTML5中的表单

相对于 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: 元素的 ID,该元素的内容, 元素被用作提示信息,会在 input 的建议区域作为提议显示出来。

pattern: 一个正则表达式,用于检查控件的值,能够作用于 type 值是 text, tel, search, url, 和 email 的 input 元素。

form: 一个字符串,用于表明该 input 属于哪个

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

点点赞赏,手留余香

给TA打赏
共0人
还没有人赞赏,快来当第一个赞赏的人吧!
    编程技术

    HTML5&Flash之粗知浅见

    2025-4-1 8:26:37

    编程技术

    HTML5 Web Workers

    2025-4-1 8:26:47

    0 条回复 A文章作者 M管理员
    欢迎您,新朋友,感谢参与互动!
      暂无讨论,说说你的看法吧
    个人中心
    购物车
    优惠劵
    今日签到
    私信列表
    搜索