HTML：表单之插入表单对象

表单域包含了文本框、多行文本框、密码框、隐藏域、复选框、单选框和下拉选择框等， 用于采集用户的输入或选择的数据。

1.文本框

文本框是一种让访问者自己输入内容的表单对象，如姓名、地址等。
语法：

<input name="控件名称" type="text" value="字段默认值" size="控件的长度" maxlength="最长字符数">

参数定义如下：

• type：用来指定插入哪种表单元素；
• name：文字字段的名称；
• value：用来定义文本框的默认值；
• size：以字符为单位用来确认文本框在页面中显示的长度；
• maxlength：用来设定文本框中最多可以输入的字符数。

2.密码域

密码是一种特殊的文字字段，其属性是和文字字段相同的，不同的是密码在输入时字符会以“ * ”显示，以确保账户安全。
语法：

<input name="控件名称" type="password" value="字段默认值" size="控件的长度" maxlength="最长字符数">

3.普通按钮

button一般情况下需要配合脚本进行表单处理。
语法：

<input name="按钮名称" type="button" value="按钮上显示的文字" onclick="处理程序">

注：在button中添加onclick是为了实现一些特殊的功能，比如上述代码中的关闭浏览器的功能，此功能也可以根据需求添加效果。

4.单选按钮

单选按钮是一个小圆形的按钮，可供用户选择一个选项。
语法：

<input name="按钮名称" type="radio" value="按钮上显示的文字" checked/>

5.复选按钮

复选框checkbox可以让用户从一个选项列表中选择多项。
语法：

<input name="复选框名称" type="checkbox" value="复选框的值" checked/>

6.提交按钮

提交按钮在一个表单中起着至关重要的作用，其可以实现把用户在表单中填写的内容进行提交。
语法：

<input name="按钮名称" type="submit" value="按钮名称"/>

7.重置按钮

重置按钮的作用是用来清除用户在页面上输入的信息，如果用户在页面上输入的信息错误过多就可以使用重置按钮了。
语法：

<input name="按钮名称" type="reset" value="按钮名称"/>

8.图像按钮

可以为按钮添加图像的效果，使按钮变得不单调。
语法：

<input name="按钮名称" type="image" size="控件长度" maxlength="最长字符数"/>

9 .文件域

可以为表单添加图片或者上传文件。
语法：

<input name="名称" type="file" src="图像路径"/>

10.菜单和列表

下拉菜单在正常状态下只显示一个选项，因此在页面中是非常节省空间的。
语法：

<select name="下拉菜单名称">
<option value="选项值" selected>下拉菜单内容
...
</select>

注：网页中只显示一个选项，其他的选项需要点击后面的下拉按钮才能看到。下拉菜单的宽度是由最长选项的宽度决定的。

11.使用label定义标签

此标签用于在表单元素中定义标签，这些标签可以对其他一些表单控件元素（如单行文本框、密码框等）进行说明。
它可以指定id、style、class等核心属性，也可以指定onclick等事件属性。除此以外，它还有一个for属性，该属性指定它与哪个表单控件相关联。
虽然它定义的标记只是输出普通文本，但是它生成的标记还有一个另外的作用，那就是当用户单击它生成的标签时，和该标签相关联的表单控件元素就会获得焦点。也就是说，当用户选择它所生成的标签时，浏览器会自动将焦点转移到和该标签相关联的表单控件元素中。
使标签和表单控件相关联主要有两种方式：

• 隐式关联：使用for属性，指定此标签的for属性值为所关联的表单控件的id属性值。
• 显式关联：将普通文本、表单控件一起放在此标签内部即可。
  语法：

<label>...</lable>

12.文本域

文本域标签定义多行的文本输入控件。文本区中可容纳无限数量的文本，其中文本的默认字体是等宽字体。可以通过rows（文字域行数）和cols（文字域列数）属性来规定textarea的尺寸。
语法：

<textarea name="名称" rows="行数" cols="列数" wrap="换行方式">文本内容</textarea>