第4章 表单与文件
在开发Web应用程序的过程中,表单是页面上非常重要的一块内容,用户可以输入的大部分内容都是在表单的元素中完成的,它与后台的交互在大多数情况下也是通过点击表单中的按钮来完成的。在HTML 5中,大大加强了有关于表单这一部分的功能。本章将详细介绍在HTML 5中新增的表单元素、属性,以及对表单元素内容的有效性进行验证的功能,同时也会介绍在HTML 5的页面上,除了表单元素之外,其他的新增与改良的元素,最后会介绍在HTML 5中新增的与表单元素相关的两个API-文件API和拖放API.
学习内容:
掌握HTML 5中新增的表单中元素可以使用的属性及它们的使用方法。
掌握HTML 5中新增的表单元素及它们的使用方法。
掌握HTML 5中新增的关于表单内元素内容的有效性的验证方法,包括属性验证、显式验证、取消验证,以及自定义验证信息。
掌握HTML 5中除了表单以外,在页面上新增及改良的元素,以及它们的使用方法。掌握文件API,包括掌握File对象与FileList对象的使用方法,掌握Blob对象的概念和使用方法,掌握iFileReader对象以及它的方法、事件定义、事件触发条件,以及事件发生的先后顺序。
掌握怎样利用拖放API使页面中的元素可以互相拖放,掌握DataTransfer对象的属性和 方法,掌握怎样设定拖放时的视觉效果,以及怎样自定义拖放图标。
4.1新增元素与属性
在创建Web应用程序的时候,免不了会用到大量的表单元素。在HTML 5标准中,吸纳了Web Forms 2.0的标准,大幅度强化了针对表单元素的功能,使得关于表单的开发更快、更方便。