html知识点概要(二)——html表单标签

一.form标签

      <form>标签代表一个表单，表单用于向服务器传输数据，<form>标签能够包含<input>,<textarea>,<select>标签。

      常用的属性有：

             name:用于定义表单的名称

             action:用于规定提交表单时向何处发送表单数据 

             method:用于规定提交的方式，一般取值POST或GET

     POST和GET方式的区别

             1.get方式只能传输少量数据，post可以提交大数据

             2.get方式提交时，数据会在地址栏上显示，安全性差；Post方式提交不会再地址栏上显示数据，相对安全

二.input标签

        <input>标签用于搜集用户信息，根据不同的type值，有多种形式。

1.<input type="text">

定义单行的输入字段，用户可在其中输入文本，默认宽度为20个字符

常用属性：

name:定义标签名称

value:定义标签值

size:定义输入字段的长度

maxlength:定义可输入的最大字符数

2.<input type="password">

定义密码字段，该字段中的字符被掩码

常用属性:

name:定义标签名称

value:定义标签值

size:定义输入字段的长度

maxlength:定义可输入最大字符个数

3.<input type="radio">

定义单选按钮

常用属性:

name:定义标签名称，对于单选按钮，如果想要做到单一选择，多个radio的name值必须一样

value:定义标签值

checked:定义该标签默认被选中

4.<input type="checkbox">

定义复选框

常用属性:

name:定义标签名称，一组的checkbox它们的name值应该是一样的

value:按钮显示名称

checked:定义该标签默认被选中

5.<input type="button">

定义可点击按钮（多数情况下，用于通过JavaScript启动脚本）

常用属性：

name:定义标签名称

value:按钮显示名称

6.<input type="submit">

定义提交按钮，把表单数据发送到服务器

常用属性:

name:定义标签名称

value:按钮显示名称

7.<input type="reset">

定义重置按钮，清除表单的所有数据

常用属性:

name:定义标签名称

value:按钮显示名称

8.<input type="image">

定义图像形式的提交按钮，主要作用是替换submit按钮，因为默认的按钮不美观

常用属性:

name:定义标签名称

src:定义作为提交按钮显示的图像url

alt:定义作用图像的替代文本

9.<input type="hidden">

定义隐藏的输入字段

其他常用属性:

name:定义标签名称

value:定义标签值

10.<input type="file">

定义输入字段和浏览按钮，供文件上传

常用属性：

name:定义标签名称

三.select和option标签

1.<select>

用于定义一个下拉列表

常用属性:

name:定义下拉列表的名称

size:定义下拉列表中可见选项的数目

multiple:定义可选择多个选项

2.<option>

用于定义下拉列表中的选项,需要位于<select>标签内

常用属性:

value:定义送往服务器的选项值

selected:定义选项为选中状态

四.textarea标签

用于定义一个多行文本输入控件

常用属性：

name:定义多行文本框的名称

cols:定义多行文本框的可见宽度

rows:定义多行文本框的可见行数

wrap:规定多行文本框中如何换行.