HTML中的表单元素

1.表单的作用

HTML表单用于搜集不同类型的用户输入。

2.表单元素的写法

form元素定义HTML表单

 <form>
 </form>

3.表单的action属性和method属性

1>action属性

用来定义提交表单时要执行的操作 ，即后台的接口。
当用户点击提交按钮时，表单的数据将发送到服务器上的文件中。

例：提交后，表单数据将发送到1.php中

<form action="1.php">
	//表单数据
</form>

2>method属性

用来指定提交表单数据的时候使用的方式，即定义请求方式。
属性值有get（表单数据作为URL变量）和post（表单数据作为HTTP post事务）默认是get
例：此例中使用的是post方法

<form avtion="1.php" method"post">
</form>

4.get和post请求的区别

1>get属性

get的数据传输最大为1k，会明文展示出来（账号密码等私密的信息不建议用）

2>post属性

post的数据传输大，且不会明文展示 但是速度没有get块（密码等私密信息推荐使用）

5.表单的类型

单选框

<form>
	<input type="radio"> //单选框
</form>

多选框

<form>
	<input type="checkbox"> //多选框
</form>

文本框

<form>
	<input type="text"> //输入文本
</form>

密码框

<form>
	<input type="password"> //输入密码
</form>

文件上传框

<form>
	<input type="file"> //文件上传
</form>

文本区域

<form>
	<textarea></taxtarea>//输入文本
</form>

提交按钮

<form>
	<input type="submit"> //提交按钮
</form>

重置按钮

<form>
	<input type="reset"> //重置按钮
</form>

按钮

<form>
	<input type="button"> //按钮
</form>

下拉选择框

<form>
	<option> 1</option> //下拉选择框
	<option> 2</option>
	<option> 3</option>
</form>

6.表单元素的name属性和value属性的作用

1>name属性

用来传给后台的key（键、值的描述）。

2>value属性

是表单元素的默认值。

7.label标签的使用

label标签一般和表单元素配合label的for属性中填写表单元素的id值使用。
点击label时该表单元素会获取焦点。