1.表单的意义

(1)收集客户端请求的数据
(2)实现和用户的交互

2.表单结构

(1)表单域form
表单元素的容器,用来定义表单和确定表单行为的属性
(2)表单元素element
包括单行文本框,密码框,单选按钮,复选框,下拉菜单,按钮,多行文本框等

二、form元素




action:表单提交的处理程序 ,通常是服务端程序,如php,jsp,asp等

method:表单提交方式 GET或POST
GET和POST提交方式的区别:
GET提交方式(默认提交方式):将表单元素的值以name=value的形式附加在地址栏,发送到服务端,地址栏长度有限制,如果发送的数据超过了长度,超过的部分会截断,造成数据丢失。
POST提交方式:将表单元素的值以打包邮寄的方式发送到服务器,更加安全

三、input元素

(1)input称为文本输入域,最基本的表单元素,可以接收用户输入的任何类型的数据。
(2)基本语法:

(3)元素类型
text 单行文本框
password 密码框
radio 单选按钮 实现互斥的单选按钮name值相同
submit 提交按钮 提交表单
image 图片按钮 提交表单
reset 重置按钮 重置表单元素
button 普通按钮 没有默认功能,需要配合js脚本实现相应的效果
file 文件域

hidden 隐藏域 不显示在页面中,但是在服务端可以获得对应的值

四、select 元素

1.select称为下拉列表框,可以让用户选择众多选项中的一个或多相,而不需要占用太多的界面
2.基本语法

五、textarea元素

1.textarea称为多行文本框,可以输入多行文本
2.基本语法