====表单的作用
1、显示、收集用户信息
2、将收集到的信息提交给服务器
2、表单语法
语法:<form></form>
注意:表单中的内容是可以提交给服务器的,提交给服务器的内容要放在表单元素里
属性:
action : 表单提交时的动作,提交地址,值为url,默认值为本页
method : 提交方式,常用取值:get或post
get(默认值): 明文提交,安全性较低,提交数据大小有限制,为2kb(根据浏览器决定)
post : 密文提交,安全性较高,无大小限制
注意:用户登录、用户注册一律使用post提交
向服务器索取数据时(搜索引擎搜索数据),可以使用get,也可以使用post
name : 定义表单名称
<form action="...."method="post/get">
....
</form>
===表单元素
表单元素指的是出现在表单中能够与用户进行交互的控件
表单元素分类:
1、input元素:由input标签组成的
2、textarea元素:<textarea> ,多行文本域
3、select 和option :下拉框
4、其他元素
a、input元素
input元素是空标记<input />
属性:
type: 可以创建各种类型的input元素,比如:文本框、密码框、单选按钮、复选框
value: 当前表单元素的值,可以是提交给服务器的值,也可以是默认显示的初始值
name: 名称,要提交给服务器去使用
id: 唯一标识,只能在当前页面使用,服务器不能用
disabled: 禁用控件
5、按钮
1、提交按钮
功能固定化,用于将表单的数据提交给服务器
语法:type="submit"
<input type="submit" value="按钮上的文字"/>
2、重置按钮
功能固定化,将表单控件值恢复到默认状态
语法: type="reset"
<input type="reset" value="文本"/>
3、普通按钮
没有任何功能的标准按钮,用于执行客户端脚本(自定义功能)
语法: <input type="button"value="文本"/>
6、文件选择框
<input type="file" />
注意:如果有文件上传的话,必须将表单的enctype更改为multipart/form-data,同时method必须为post
7、隐藏域
<input type="hidden"name="" value="" />
使用场合:隐藏域在页面中是看不到的,一般会配合后台开发一起使用,从来不单独使用。