表单
将我们的信息提交给服务器-表单
“表单”是网页上用于输入信息的区域,它的主要功能是收集用户信息,并将这些信息传递给后台服务器,实现网页与用户的沟通。
是客户端与服务器端进行信息交流的途径
一个完整的表单通常由表单控件(表单元素),提示信息,表单域(容纳表单控件和提示信息) 三部分构成
表单域
(相当于一个容器)
提示信息
表单控件
(包含了具体的表单功能项)
要想让表单的数据传送给后台服务器,就必须定义表单域。
用于定义表单域,即创建一个表单。实现用户信息的收集和传递, 中的所有内容都会被提交给服务器。
注意:
标记的属性不会直接影响表单的显示效果。要想让一个表单有意义,必须在与之间添加相应控件。
表单基本结构
表单内容: 文本框、单选钮、选择框、输入成段 文字、发送、复位按钮......
提交按钮
复位按钮
表单标记
再次强调:表单元素必须入在form标记内才有作用。
表单属性:
action=url(传送目标,处理表单信息的服务器端应用程序)
method=处理表单数据的方法(POST/GET) 如果不写method则默认提交方式为 get
name=表单名称>表单元素
POST 方法可以传递大量信息
GET 方法将值附加到请求该页的URL 中。适合传递少量信息(默认方式)
1、单行文本框(文本域)
表单元素标记
2、密码框
注意:input标记必须的属性是name和type
3、 单选框
4、复选框
表单元素标记
标注内容 标签为 input 元素定义标注(标记)。 标签的 for 属性应当与相关元素的 id 属性相同
男
表单元素标记
5、多行文本框
初始内容
表单元素标记
6、 列表框
(A)、菜单式
列表1
列表2
...
分组
表单元素标记
例如:
朝阳
海淀
东城
表单元素标记
(B)、列表式
列表1
...
表单元素标记
例如: