html 讲课ppt,HTML 表单教学课件.ppt

表单

将我们的信息提交给服务器-表单

“表单”是网页上用于输入信息的区域，它的主要功能是收集用户信息，并将这些信息传递给后台服务器，实现网页与用户的沟通。

是客户端与服务器端进行信息交流的途径

一个完整的表单通常由表单控件(表单元素)，提示信息，表单域(容纳表单控件和提示信息) 三部分构成

表单域

(相当于一个容器)

提示信息

表单控件

(包含了具体的表单功能项)

要想让表单的数据传送给后台服务器，就必须定义表单域。

用于定义表单域，即创建一个表单。实现用户信息的收集和传递， 中的所有内容都会被提交给服务器。

注意：

标记的属性不会直接影响表单的显示效果。要想让一个表单有意义，必须在与之间添加相应控件。

表单基本结构

表单内容： 文本框、单选钮、选择框、输入成段 文字、发送、复位按钮......

提交按钮

复位按钮

表单标记

再次强调：表单元素必须入在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

...

表单元素标记

例如：