第11讲 用表单收集数据.pptVIP

第11章 用表单收集数据 涂春梅 2010-11-21 表单的应用非常广泛。例如常见的留言簿、讨论区、会员注册/登陆、在线查询等，都需要通过表单才能将数据传送到后台程序进行处理，实际上表单的作用就是收集信息和数据。 关于表单 表单是浏览网页的用户与网站管理者进行交互的主要窗口，Web管理者和用户之间可以通过表单进行信息交流。表单内有多种可以与用户进行交互的表单元素，如文本框、单选框、复选框、提交按钮等元素。 在服务器端，信息处理由CGI（Common Gete Way Interface）、JSP（Javaserver Page）或ASP（Active Server Page）等应用程序处理。 1 表单的创建 一个表单通常由两部分组成，即表单域和表单对象，其中表单域相当于一个“容器”，所有的表单对象都放在表单域中。 在html中表单用form标签标记。 form id=form1 name=form1 method=post action= /form 表单元素是允许用户在表单中（比如：文本域、下拉列表、单选框、复选框等等）输入信息的元素。 　　form input input …… /form 例，form input type=button name=Submit3 value=按钮 / input name=textfield type=text size=15 / /form 表单域包含处理数据所用到的程序以及数据提交给服务器的方法。通常在Dreamweaver 8.0中表单域的范围由一个红色的虚线框来表示。 创建表单的第一步就是插入表单域。 方法：选择“插入” 面板中的“表单” 标签，单击“表单”按钮即可在网页中插入新的表单域。然后打开属性面板，从中设置该表单的各种属性。 “表单名称”：为表单设置一个唯一的名称用以标识表单，名称以任意英文字符或数字组成，但不能以数字开头，也不能包含空格、反斜线、逗号等特殊字符。 “动作”：指定用以处理表单数据的脚本程序的URL。如果在动作中输入“mailto:电子邮件地址”，则将会把表单内容以文本形式传到指定邮箱中。 “目标”：以下拉列表的方式显示脚本程序返回数据时，浏览器窗口的打开方式。 “方法”：指定表单的传送方式，即将表单数据以何种方式传送给“动作”指定的脚本程序进行处理。有POST和GET两种方式，其中POST方式将表单数据封装在消息体中传送，可传送较大的数据；GET方式只能传送不超过8192字节的数据，而且安全性较差，不能用于传送账号、密码、信用卡号等。默认的设置为GET处理方式。 “MIME类型”：以下拉列表的方式显示发送至服务器的数据的MIME编码类型。有两个选项，在选择POST传送方式的情况下，MIME类型默认选项为application/x-www-form-urlencoded选项，如果要创建文件上传域，选择multipart/form-data MIME 类型。 2 创建文本域 文本字段是表单中常用的元素之一，主要包括单行文本字段、密码文本字段、多行文本区域三种。 2.1．单行文本字段与密码文本字段 网页中最常见的单行文本字段与密码文本字段就要属用户登录框了。用户名一项应用的就是单行文本字段，密码一项应用的就是密码文本字段。 2.2．多行文本区域 3 插入隐藏域 隐藏域是用来收集或发送信息的不可见元素，对于网页的访问者来说，隐藏域是看不见的。当表单被提交时，隐藏域就会将信息用你设置时定义的名称和值发送到服务器上。具体操作步骤如下： （1）将光标放在表单中要插入隐藏域的位置，然后在“插入”工具栏的“表单”类别中，单击“隐藏域”按钮；此时，在“编辑区”中插入一个隐藏域。 （2）设置隐藏域属性。选中“隐藏域”标识，在“属性检查器”中，在“隐藏区域”文本框中输入隐藏域的名称，“值”文本框中给隐藏域赋值。 4 插入复选框 复选框是在一组选项中，允许用户选中多个选项。复选框是一种允许用户选择对勾的小方框，用户选中某一项，与其对应的小方框就会出现一个对勾。再单击鼠标，小对勾将消失，表示此项已被取消。 5 插入单选按钮 单选按钮是在一组选项中，只允许选择一个选择项，例如性别、文化程度等选项。 插入单选按钮组 插入单选按钮组方式可一次性插入多个单选按钮。 6 插入列表/表单 列表和菜单也是表单中常用的元素之一，它可以显示多个选项，用户通过滚动条在多个选项中选择。 7 插入按钮 在表单中，按钮是用来控制表单的操作。使用按钮可以将表单数据传送给服务器，或者重新设置表单中的内容。在Drea