HTML标签三之表单标签

1<form></form>

form标签可以把浏览器中浏览者输入的数据传给服务端，这样服务器就可以处理浏览器输入的数据，form标签常用的属性有三个，分别是method、action，其中method表示浏览器提交到服务器的方式，常用的方式有post、get两种，action表示数据被传送到的地方，可以理解为后台处理这些数据的地方。使用的方式如下所示：

2<input>

input标签是输入标签，其输入的类型常用的有text、password、button、radio、checkbox、submit、reset等。input标签还有name、value、id等属性。name表示为文本框命名，以便后台使用，value表示在页面显示的默认值，id的作用和name是一样的。

2.1<input type="text"/>

text表示输入的是文本，常用于用户个人账户信息的填等。

2.2<input type="password"/>

password表示输入的是密码，这样在页面显示是以密文的形式出现的。

2.3<input type="button"/>

表示是按钮，这个应该比较少用，一般表单提交试用的是submit，因为这个内置了方法，可以直接提交表单数据。

2.4<input type="radio"/>

这个是表示的是单选，其中要求name的名字是一样的才能实现单选的功能，并且其有一个属性checked，当checked的值为checked表示该单选框被选中。如图所示：

2.5<input type="checkbox"/>

这个表示的是复选框，其中属性checked的值为checked的时候表示选中，如图所示：

2.6<input type="submit"/>

表示提交按钮，value表示该按钮显示的值，name用于标记以便于后台使用，如下所示：

2.7<input type="reset"/>

如果用户在输入数据的时候，填错了，想重新填写那么这个按钮就可以帮助用户清空之前填写的数据。

3<textarea></textarea>

文本域可以用于多行书写，其中rows表示可以书写的行数，cols表示列数，显示的默认内容可以在标签之间书写。具体的写法如下所示：

4<select><option></option></select>

有时候为了节省空间会采用下拉列表的方式，其中select有一个属性multiple可以在下拉列表中选择多个选项。option表示下料列表中的每一项，其中的value属性表示向服务器提交的值，而标签之间的内容表示在页面显示的值，还有一个selected属性，当其值为selected时候表示选中，具体使用方法如下所示：

当select中有multiple属性的时候，其显示如下所示：

5<label></label>

其写的方式为<label for="控件id名称">，即当label和radio一起使用的时候，radio的id的值必须和for等号后面的名称一样。具体如下所示：