第十一章建立表单页面课件.ppt

1、1第第1111章章 建立表单页面建立表单页面什么是表单什么是表单表单标记表单标记输入标记输入标记菜单和列表标记菜单和列表标记文字域标记文字域标记1、概念：、概念：表单是实现动态网页的一种主要的外表单是实现动态网页的一种主要的外在形式，是在形式，是HTML页面与浏览器端实现交互页面与浏览器端实现交互的重要手段，利用表单可以收集客户端提的重要手段，利用表单可以收集客户端提供的有关信息。供的有关信息。2、功能：、功能：表单的主要功能是收集信息，具体说表单的主要功能是收集信息，具体说是收集浏览者的信息。可用于调查、定购、是收集浏览者的信息。可用于调查、定购、搜索等功能。搜索等功能。3、组成：、组成：描

2、述表单元素的描述表单元素的HTML源代码；源代码；客户端的脚本，或者服务器端用来处理客户端的脚本，或者服务器端用来处理 用户用户所填信息的程序。用户用户所填信息的程序。4、处理过程：、处理过程：当单击表单中的提交按钮时，输入在表单中当单击表单中的提交按钮时，输入在表单中的信息就会上传到服务器中，然后由服务器的有的信息就会上传到服务器中，然后由服务器的有关应用程序进行处理，处理后或者将用户提交的关应用程序进行处理，处理后或者将用户提交的信息存储在服务器端的数据库中，或者将有关的信息存储在服务器端的数据库中，或者将有关的信息返回到客户端浏览器上。信息返回到客户端浏览器上。1、基本语法：、基本语法：

3、属属 性性描描 述述NAME表单的名称表单的名称METHOD定义表单结果从浏览器传送到服务器的定义表单结果从浏览器传送到服务器的方法，一般有两种方法：方法，一般有两种方法：get和和postACTION用来定义表单处理程序（一个用来定义表单处理程序（一个ASP，CGI等程序）的位置（相对地址或绝对地址）等程序）的位置（相对地址或绝对地址）ENCTYPE设置表单资料的编码方式设置表单资料的编码方式TARGET设置返回信息的显示方式设置返回信息的显示方式1、基本语法：、基本语法：2、语法解释：、语法解释：通过为表单命名可以控制表单与后台程通过为表单命名可以控制表单与后台程序之间的关系。序之间的关系

4、。3、文件范例：、文件范例：11-1.htm1、基本语法：、基本语法：2、语法解释：、语法解释：在在action属性中定义表单提交的地址。属性中定义表单提交的地址。3、文件范例：、文件范例：11-2.htm1、基本语法：、基本语法：2、语法解释：、语法解释：定义提交表单的方法，有定义提交表单的方法，有get和和post两种两种 方法。方法。区别见下表区别见下表。3、文件范例：、文件范例：11-3.htm 区别区别方法方法地址栏地址栏信息长度信息长度保密性保密性非非ASCII码字符码字符GET将表单内将表单内容附加在容附加在URL地址地址后面后面有限制，有限制，不超过不超过8192个字个字符符不

5、具有保不具有保密性密性不传送不传送POST不显示提不显示提交信息交信息无限制无限制具有保密具有保密性性传送传送1、基本语法：、基本语法：2、语法解释：、语法解释：value的取值见下表。的取值见下表。3、文件范例：、文件范例：11-4.htm属属 性值性值描描 述述Text/plain以纯文本形式传送信息以纯文本形式传送信息Application或或x-www-Form-urlencoded 默认的编码方式默认的编码方式Multipart或或Form-data使用使用MINE编码编码1、基本语法：、基本语法：2、语法解释：、语法解释：设置表单信息返回的窗口，设置表单信息返回的窗口，target

6、的取值的取值见下表见下表。3、文件范例：、文件范例：11-5.htm属属 性值性值描描 述述 _blank将返回信息显示在新开的浏览器窗口中将返回信息显示在新开的浏览器窗口中 _parent 将返回信息显示在父级浏览器窗口中将返回信息显示在父级浏览器窗口中 _self将返回信息显示在当前浏览器窗口中将返回信息显示在当前浏览器窗口中 _top将返回信息显示在顶级浏览器窗口中将返回信息显示在顶级浏览器窗口中标标 记记描描 述述表单输入标记表单输入标记 菜单和列表标记菜单和列表标记菜单和列表项目标记菜单和列表项目标记文字域标记文字域标记 1、基本语法：、基本语法：2、语法解释：、语法解释：name指

7、域的名称，指域的名称，type指域的类型。指域的类型。type属性属性值见下表。值见下表。属属 性值性值描描 述述属属 性值性值描描 述述text文字域文字域button普通按钮普通按钮password密码域密码域submit提交按钮提交按钮file文件域文件域reset重置按钮重置按钮checkbox复选框复选框hidden隐藏域隐藏域radio单选框单选框image图像域图像域1、基本语法：、基本语法：2、语法解释：、语法解释：这些属性的含义见下表。这些属性的含义见下表。3、文件范例：、文件范例：11-6.htm文字域属文字域属 性性描描 述述name文字域的名称文字域的名称maxleng

8、th文字域的最大可输入字符数文字域的最大可输入字符数size文字域的宽度（以字符为单位）文字域的宽度（以字符为单位）value文字域的默认值文字域的默认值1、基本语法：、基本语法：2、语法解释：、语法解释：这些属性的含义见下表。这些属性的含义见下表。3、文件范例：、文件范例：11-7.htm密码域属密码域属 性性描描 述述name密码域的名称密码域的名称maxlength密码域的最大可输入字符数密码域的最大可输入字符数size密码域的宽度（以字符为单位）密码域的宽度（以字符为单位）value密码域的默认值密码域的默认值1、基本语法：、基本语法：2、语法解释：、语法解释：让用户在域的内部填写自己

9、硬盘中的文件路径，让用户在域的内部填写自己硬盘中的文件路径，然后通过表单上传。然后通过表单上传。3、文件范例：、文件范例：11-8.htm1、基本语法：、基本语法：2、语法解释：、语法解释：checked表示此项被默认选中，表示此项被默认选中，value表示选中表示选中项目后传送到服务器端的值。项目后传送到服务器端的值。3、文件范例：、文件范例：11-9.htm1、基本语法：、基本语法：2、语法解释：、语法解释：checked表示此项被默认选中，表示此项被默认选中，value表示选中表示选中项目后传送到服务器端的值。项目后传送到服务器端的值。3、文件范例：、文件范例：11-10.htm1、基本

10、语法：、基本语法：2、语法解释：、语法解释：value值代表显示在按钮上面的文字。值代表显示在按钮上面的文字。3、文件范例：、文件范例：11-11.htm1、基本语法：、基本语法：2、语法解释：、语法解释：单击提交按钮后，可以实现表单内容的提交。单击提交按钮后，可以实现表单内容的提交。3、文件范例：、文件范例：11-12.htm1、基本语法：、基本语法：2、语法解释：、语法解释：单击重置按钮后，可以清除表单的内容，恢复单击重置按钮后，可以清除表单的内容，恢复默认的表单内容设定。默认的表单内容设定。3、文件范例：、文件范例：11-13.htm1、基本语法：、基本语法：2、语法解释：、语法解释：是

11、指可以用在提交按钮位置上的图片，这副图是指可以用在提交按钮位置上的图片，这副图片具有按钮的功能。片具有按钮的功能。3、文件范例：、文件范例：11-14.htm1、基本语法：、基本语法：2、语法解释：、语法解释：对于用户是不可见的，在于收集或发送对于用户是不可见的，在于收集或发送信息，以利于被处理表单的程序所使用。信息，以利于被处理表单的程序所使用。3、文件范例：、文件范例：11-15.htm1、基本语法：、基本语法：选项选项 选项选项 2、语法解释：、语法解释：这些属性的含义见下表。这些属性的含义见下表。3、文件范例：、文件范例：11-16.htm菜单和列表标菜单和列表标记属记属 性性描描 述述name菜单和列表的名称菜单和列表的名称size显示的选项数目显示的选项数目multiple列表中的项目多选列表中的项目多选value选项值选项值selected默认选项默认选项1、基本语法：、基本语法：2、语法解释：、语法解释：这个标记用来制作多行的文字域，属性的含义这个标记用来制作多行的文字域，属性的含义见下表。见下表。3、文件范例：、文件范例：11-17.htm文字域标记属文字域标记属 性性描描 述述name文字域的名称文字域的名称rows文字域的行数文字域的行数cols文字域的列数文字域的列数value文字域的默认值文字域的默认值P273页页 1、2、3