《建立表单页面》PPT课件.ppt
1,HTML标准教程,第11章 建立表单页面,HTML标准教程,本章目标：,什么是表单表单标记输入标记菜单和列表标记文本域标记,HTML标准教程,表单示例,HTML标准教程,11.1 什么是表单,1、概念：表单是实现动态网页的一种主要的外在形式，是HTML页面与浏览器端实现交互的重要手段，利用表单可以收集客户端提供的有关信息。2、功能：表单的主要功能是收集信息，具体说是收集浏览者的信息。可用于调查、定购、搜索等功能。,HTML标准教程,11.1 什么是表单,3、组成：描述表单元素的HTML源代码；客户端的脚本，或者服务器端用来处理 用户所填信息的程序。4、处理过程：当单击表单中的提交按钮时，输入在表单中的信息就会上传到服务器中，然后由服务器的有关应用程序进行处理，处理后或者将用户提交的信息存储在服务器端的数据库中，或者将有关的信息返回到客户端浏览器上。,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属性,HTML标准教程,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 标记的target属性,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标准教程,密码域属性,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标准教程,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、语法解释：对于用户是不可见的，在于收集或发送信息，以利于被处理表单的程序所使用。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,
