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时该表单元素会获取焦点。