第11章建立表页面.ppt

第11章 建立表单页面 本章目标： 什么是表单 表单标记FORM 输入标记INPUT 菜单和列表标记SELECT 文本域标记TEXTAREA 表单示例 11.1 什么是表单 1、概念： 表单是实现动态网页的一种主要的外在形式，是HTML页面与浏览器端实现交互的重要手段，利用表单可以收集客户端提供的有关信息。 2、功能： 表单的主要功能是收集信息，具体说是收集浏览者的信息。可用于调查、定购、搜索等功能。 11.1 什么是表单 3、组成： ①描述表单元素的HTML源代码； ②客户端的脚本，或者服务器端用来处理 用户所填信息的程序。 4、处理过程： 当单击表单中的提交按钮时，输入在表单中的信息就会上传到服务器中，然后由服务器的有关应用程序进行处理，处理后或者将用户提交的信息存储在服务器端的数据库中，或者将有关的信息返回到客户端浏览器上。 11.2 表单标记FORM 1、基本语法： FORM name=“form_name” method=“method” action=“url” enctype=“value” target=“target_win” …… /FORM 1、基本语法： FORM name=“form_name” …… /FORM 2、语法解释： 通过为表单命名可以控制表单与后台程序之间的关系。 3、文件范例：11-1.htm 1、基本语法： FORM action=“URL” …… /FORM 2、语法解释： 在action属性中定义表单提交的地址。 3、文件范例：11-2.htm 1、基本语法： FORM method=“method” …… /FORM 2、语法解释： 定义提交表单的方法，有get和post两种 方法。区别见下表。 3、文件范例：11-3.htm get和post的区别： 1、基本语法： FORM enctype=“value” …… /FORM 2、语法解释： 设置表单资料的编码方式，value的取值见下表。 3、文件范例：11-4.htm enctype属性值 1、基本语法： FORM target=“target-win” …… /FORM 2、语法解释： 设置表单信息返回的窗口，target的取值见下表。 3、文件范例：11-5.htm target属性值 FORM标记内的标记 示例： FORM input…/input textarea…textarea select option…/option /select /FORM 11.3 输入标记INPUT 1、基本语法： form input name=“field_name” type=“type_name” /form 2、语法解释： name指域的名称，type指域的类型。 type属性值见下表。 type属性值 11.3.1 文字域text 1、基本语法： INPUT type=“text” name=“field_name” maxlength=value size=value value=“field_value” 2、语法解释： 这些属性的含义见下表。 3、文件范例：11-6.htm 文字域属性 11.3.2 密码域password 1、基本语法： INPUT type=“password” name=“field_name” maxlength=value size=value value= field_value 2、语法解释： 这些属性的含义见下表。 3、文件范例：11-7.htm 密码域属性 11.3.3 文件域file 1、基本语法： INPUT type=“file” name=“f