HTML表单（课堂PPT）

1、1表单表单2将我们的信息提交给服务器将我们的信息提交给服务器-表单表单34l “表单”是网页上用于输入信息的区域，它的主要功能是收集收集用户信息，并将这些信息传递传递给后台服务器，实现网页与用户的沟通。l 是客户端是客户端与服务器服务器端进行信息交流的途径 l 一个完整的表单通常由表单控件（表单元素），表单控件（表单元素），提示信息，表单域（容纳表单控件和提示信息）提示信息，表单域（容纳表单控件和提示信息） 三三部分构成5表单域表单域（相当于一个容相当于一个容器器）提示信息表单控件表单控件（包含了具体的（包含了具体的表单功能项）表单功能项）6要想让表单的数据传送给后台服务器，就必须定义表单域。

2、表单域。l 用于定义表单域，即创建一个表单用于定义表单域，即创建一个表单。实现用户信息的收集和传递，。实现用户信息的收集和传递， 中的所有内容都会被提交给服务器。中的所有内容都会被提交给服务器。注意：标记的属性不会直接影响表单的显示效果。要想让一个表单有意义，必须在与之间添加相应控件。7表单基本结构表单基本结构l 表单内容： 文本框、单选钮、选择框、输入成段 文字、发送、复位按钮. 提交按钮复位按钮l 8表单标记表单标记l 表单元素 9l POST 方法可以传递大量信息l GET 方法将值附加到请求该页的URL 中。适合传递少量信息(默认方式)101、单行文本框(文本域)表单元素标记表单元素标

3、记112、密码框注意：input标记必须的属性是name和type123、 单选框 4、复选框 表单元素标记表单元素标记13l 标注内容 标签为 input 元素定义标注（标记）。 标签的 for 属性应当与相关元素的 id 属性相同 男 表单元素标记表单元素标记145、多行文本框 初始内容l表单元素标记表单元素标记156、 列表框(A)、菜单式 列表1列表2.分组 表单元素标记表单元素标记16l 例如： 朝阳海淀东城表单元素标记表单元素标记17(B)、列表式列表1.表单元素标记表单元素标记18l 例如：普通朋友爱人197、按钮l 8、图片按钮l 表单元素标记表单元素标记209、隐藏域l 21

4、l 标记用于为表单内容分组，它有一个配套标记,用于为各个表单组定义名称。22总结总结所有的表单元素，必须放在标记中.Post方法可以传递大量信息（主流）Get方法将值附加到请求该页的URL中，适合传递少量信息（默认）23l 表单的元素 input标签必须含有name 属性和type属性1. 文本框： 2. 密码框： 3. 单选框: 4. 多选框：245. 上传文件：6. 下拉列表： 25分组的下拉列表： 267. 多行文本：8. 按钮1. 提交按钮 2. 重置按钮 3. 普通按钮 4. 图片按钮 27留言：留言： 28 29% name = Request(Name) If Request(s

5、ex)=male Then appellation = 先生先生 Else appellation = 小姐小姐 End If city = Request(City) loves = Request(love) Memo = Request(Memo) Memo = Replace(Memo, vbCrLf, )% 您是您是人人 您喜欢的是：您喜欢的是： 您的留言是：您的留言是： 文件Echo64.asp ASPASP文件包括文本、文件包括文本、HTMLHTML标记、标记、ASPASP脚本语句（用脚本语句（用界定符标记）。界定符标记）。30name = Request(Name)If Request(sex)=male Then appellation = 先生先生 Else appellation = 小姐小姐 End Ifcity = Request(City)loves = Request(love)Memo = Request(Memo)31 您是您是人人 您喜欢的是：您喜欢的是： 您的留言是：您的留言是： Name=林琳；林琳； appellation=小姐；小姐； city= 北京；北京； lo