位置:首页 > 软件操作教程 > 编程开发 > HTML > 问题详情

HTML5 form的新特性

提问人:刘团圆发布时间:2020-11-16

    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等按钮类型。通过一套重复的机制,开发人员可以非常方便地实现经常看到的编辑列表。

继续查找其他问题的答案?

相关视频回答
回复(0)
返回顶部