细说HTML5中的表单元素

◇四川职业技术学院 朱 倩

表单在网页设计的过程中有着不可替代的作用，在HTML5新增了表单了表单方面的诸多功能，为网页开发者带来了极大的方便，本文就新增的input输入类型和其他属性进行探讨。

表单在网页设计中的作用非常重要，是网页数据采集功能的重要实现。HTML5中增加了表单方面的诸多功能，包括input输入类型、表单元素、form属性等，使用这些新的元素，前端开发人员可以更加高效的制作Web表单。

1 认识HTML表单

在HTML中，一个完整的表单通常由表单控件（也称为表单元素）、提示信息和表单域3个部分构成，如下图所示，即为一个简单的HTML表单界面及其构成。

图1 HTML表单构成图

对于表单构成中的表单控件、提示信息和表单域，对它们的具体解释如下：

（1）表单控件：包含了具体的表单功能项，如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等。

（2）提示信息：一个表单中通常还需要包含一些说明性的文字，提示用户进行填写和操作。

（3）表单域：它相当于一个容器，用来容纳所有的表单控件和提示信息，可以通过它定义处理表单数据所用程序的url地址，以及数据提交到服务器的方法。如果不定义表单域，表单中的数据就无法传送到后台服务器。

2 input元素及其属性

类型元素是表单中的最常见的元素，网页中常见的单行文本框、单选按钮、复选框、普通按钮、提交按钮等都是通过它定义的。在HTML5中，我们不仅可以使用这些常见的类型，还新增了一些类型。下面就input元素及其属性做介绍，其基本语法格式如下：。……