HTML5 form的新特性
HTML5 Form在保持了简便易用的同时,还增加了很多的内置控件和属性,HTML5主要在以下几个方面对目前的Web表单做了改进。
1.内建的表单校验系统
HTML5为不同类型的输入控件,各自提供了新的属性以控制这些控件的输入行为,如常见的必填项required属性,以及数字类型控件提供的max、min等。在提交表单时,一旦校验错误,浏览器将不执行提交操作,并且会给出相应的提示信息,如下面的代码所示:
<input type="text" required/〉
<input type="number" min="1" max="10"/>
2.新的控件类型
HTML5提供了一系列新控件,完全具备类型检查的功能,如email输入框。
<input type="email" />
当然,除了上述email类型之外,还有非常重要的曰期输入类型框。在HTML5之前,通常使用JS和CSS实现日历脚本,而现在只需要使用<inputtype"date"/>即可实现日期的选择。
3.改进的文件上传控件
可以使用一个空间上传多个文件,自行规定上传文件的类型,甚至可以设定每个文件的最大容量。在HTML5应用中,文件上传控件将变得非常强大和易用。
4.重复的模型
HTML5提供了一套重复机制,来帮助用户构建一些需要重复输入的列表,其中包括add、remove, move-up、move-down等按钮类型。通过一套重复的机制,开发人员可以非常方便地实现经常看到的编辑列表。
点击加载更多评论>>