《第11章建立表单页面.ppt》由会员分享，可在线阅读，更多相关《第11章建立表单页面.ppt（37页珍藏版）》请在三一文库上搜索。
1、1,HTML标准教程,第11章 建立表单页面,HTML标准教程,本章目标：,什么是表单 表单标记 输入标记 菜单和列表标记 文本域标记,HTML标准教程,表单示例,HTML标准教程,11.1 什么是表单,1、概念： 表单是实现动态网页的一种主要的外在形式，是HTML页面与浏览器端实现交互的重要手段，利用表单可以收集客户端提供的有关信息。 2、功能： 表单的主要功能是收集信息，具体说是收集浏览者的信息。可用于调查、定购、搜索等功能。,HTML标准教程,11.1 什么是表单,3、组成： 描述表单元素的HTML源代码； 客户端的脚本，或者服务器端用来处理 用户所填信息的程序。 4、处理过程： 当单击
2、表单中的提交按钮时，输入在表单中的信息就会上传到服务器中，然后由服务器的有关应用程序进行处理，处理后或者将用户提交的信息存储在服务器端的数据库中，或者将有关的信息返回到客户端浏览器上。,HTML标准教程,1、基本语法： ,11.2 表单标记,HTML标准教程,标记属性,HTML标准教程,1、基本语法： 2、语法解释： 通过为表单命名可以控制表单与后台程序之间的关系。 3、文件范例：11-1.htm,11.2.1 标记的NAME属性,HTML标准教程,1、基本语法： 2、语法解释： 在action属性中定义表单提交的地址。 3、文件范例：11-2.htm,11.2.2 标记的action属性,H
3、TML标准教程,1、基本语法： 2、语法解释： 定义提交表单的方法，有get和post两种 方法。区别见下表。 3、文件范例：11-3.htm,11.2.3 标记的method属性,HTML标准教程,get和post的区别：,HTML标准教程,1、基本语法： 2、语法解释： 设置表单资料的编码方式，value的取值见下表。 3、文件范例：11-4.htm,11.2.4 标记的enctype属性,HTML标准教程,enctype属性值,HTML标准教程,1、基本语法： 2、语法解释： 设置表单信息返回的窗口，target的取值见下表。 3、文件范例：11-5.htm,11.2.5 标记的targ
4、et属性,HTML标准教程,target属性值,HTML标准教程,标记内的标记,HTML标准教程,示例：, ,HTML标准教程,1、基本语法： 2、语法解释： name指域的名称，type指域的类型。 type属性值见下表。,11.3 输入标记,HTML标准教程,type属性值,HTML标准教程,1、基本语法： 2、语法解释： 这些属性的含义见下表。 3、文件范例：11-6.htm,11.3.1 文字域text,HTML标准教程,文字域属性,HTML标准教程,1、基本语法： 2、语法解释： 这些属性的含义见下表。 3、文件范例：11-7.htm,11.3.2 密码域password,HTML标
5、准教程,密码域属性,HTML标准教程,1、基本语法： 2、语法解释： 让用户在域的内部填写自己硬盘中的文件路径，然后通过表单上传。 3、文件范例：11-8.htm,11.3.3 文件域file,HTML标准教程,1、基本语法： 2、语法解释： checked表示此项被默认选中，value表示选中项目后传送到服务器端的值。 3、文件范例：11-9.htm,11.3.4 复选框checkbox,HTML标准教程,1、基本语法： 2、语法解释： checked表示此项被默认选中，value表示选中项目后传送到服务器端的值。 3、文件范例：11-10.htm,11.3.5 单选框radio,HTML标
6、准教程,1、基本语法： 2、语法解释： value值代表显示在按钮上面的文字。 3、文件范例：11-11.htm,11.3.6 普通按钮BUTTON,HTML标准教程,1、基本语法： 2、语法解释： 单击提交按钮后，可以实现表单内容的提交。 3、文件范例：11-12.htm,11.3.7 提交按钮SUBMIT,HTML标准教程,1、基本语法： 2、语法解释： 单击重置按钮后，可以清除表单的内容，恢复默认的表单内容设定。 3、文件范例：11-13.htm,11.3.8 重置按钮RESET,HTML标准教程,1、基本语法： 2、语法解释： 对于用户是不可见的，在于收集或发送信息，以利于被处理表单的
7、程序所使用。 3、文件范例：11-15.htm,11.3.9 隐藏域HIDDEN,HTML标准教程,1、基本语法： 2、语法解释： 是指可以用在提交按钮位置上的图片，这副图片具有按钮的功能。 3、文件范例：11-14.htm,11.3.10 图像域IMAGE,HTML标准教程,1、基本语法： 选项 选项 2、语法解释： 这些属性的含义见下表。 3、文件范例：11-16.htm,11.4 菜单和列表标记,HTML标准教程,菜单和列表标记属性,HTML标准教程,总结,菜单 size=1（或者省略不写） 列表单选 size1（显示列表项的数目） 列表多选 size1 （显示列表项的数目） multiple（可以一次选中多个项目）,HTML标准教程,1、基本语法： 2、语法解释： 这个标记用来制作多行的文字域，属性的含义见下表。 3、文件范例：11-17.htm,11.5 文本域标记,HTML标准教程,文本域标记属性,HTML标准教程,作业：,P273页 1、2、3,