第九章制作表单页面-教学在线.ppt

* 第九章 制作表单页面 表单的作用是从访问您的 Web 站点的用户那里获得信息。访问者可以使用诸如文本域、列表框、复选框以及单选按钮之类的表单对象输入信息，然后单击某个按钮提交这些信息。 9.1表单基础知识 1、表单的客户端角色 表单支持客户端-服务器关系中的客户端。当访问者在 Web 浏览器中显示的表单中输入信息，然后单击提交按钮时，这些信息将被发送到服务器，服务器端脚本或应用程序在该处对这些信息进行处理。用于处理表单数据的常用服务器端技术包括 Macromedia ColdFusion、Microsoft Active Server Pages (ASP) 和 PHP。服务器进行响应时会将被请求信息发送回用户（或客户端），或基于该表单内容执行一些操作。 注意 您也可以将表单数据直接发送给某个电子邮件收件人。 表单的客户端角色 2、认识表单对象 （1）插入表单对象的方法： 打开一个页面，将插入点放在希望表单出现的位置。 选择“插入”>“表单”，或选择“插入”栏上的“表单”类别，然后单击“表单”图标。 （2）表单的类别 表单、文本域、复选按钮、单选按钮、列表/菜单、跳转菜单、图像域、文件域、按钮、标签和字段集。 9.2 创建表单 在网页中添加表单对象，首先必须创建表单。表单在浏览器中属于不可见元素。当页面处于“设计”视图中时，用红色的虚轮廓线指示表单。如果没有看到此轮廓线，请检查是否选中了“查看”>“可视化助理”>“不可见元素”。 一、创建表单 例子 操作： （1）新建站点formsite，在站点下新建form.html文件。在form.html中创建站点； （2）将插入点放在希望表单出现的位置。选择“插入”>“表单”，或选择“插入”栏上的“表单”类别，然后单击“表单”图标。 （3）在“文档”窗口中，单击表单轮廓以将其选定。在“属性”查看器中可以设置表单的各项属性。 二、表单属性 1、表单名称 在“表单名称”文本框中，键入标识该表单的唯一名称。 命名表单后，就可以使用脚本语言（如 JavaScript 或 VBScript）引用或控制该表单。如果不命名表单，则 Dreamweaver 使用语法 formn 生成一个名称，并在向页面中添加每个表单时递增 n 的值。 2、操作 在“操作”文本框中，指定处理该表单的动态页或脚本的路径。可以在“操作”文本框中键入完整路径，也可以单击文件夹图标定位到同一站点中包含该脚本或应用程序页的相应文件夹。 3、方法 在“方法”弹出菜单中，选择将表单数据传输到服务器的方法。 POST 方法将在 HTTP 请求中嵌入表单数据。 GET 方法将值附加到请求该页面的 URL 中。 4、MIME类型 如果需要，可以使用“MIME 类型”弹出菜单指定对提交给服务器进行处理的数据使用 MIME 编码类型。 5、目标 _blank 在未命名的新窗口中打开目标文档。 _parent 在显示当前文档的窗口的父窗口中打开目标文档。 _self 在提交表单所使用的窗口中打开目标文档。 _top 在当前窗口的窗体内打开目标文档。此值可用于确保目标文档占用整个窗口，即使原始文档显示在框架中。 6、根据需要，调整表单的布局。 可以使用换行符、段落标记、预格式化的文本或表来设置表单的格式。不能将表单插入另一个表单中，即标签不能交迭，但是可以在一个页面中包含多个表单。 设计表单时，请记住用描述性文本标记表单字段，以使用户知道他们回复的内容。 9.3插入文本域 一、文本域 接受任何类型的字母数字文本输入内容。文本可以单行或多行显示，也可以以密码域的方式显示，在这种情况下，输入文本将被替换为星号或项目符号，以避免旁观者看到这些文本。 单行文本域 多行文本域 密码文本域 隐藏域 二、插入单行文本域 1、例子 操作 （1）在站点formsite下新建form_text.html文件，在form_text.html中创建表单，在表单中创建表格；如P129-图9.4 （2）将插入点放在表单轮廓内。选择“插入”>“表单”>“文本域”。一个文本域随即出现在文档中。 （3）在属性检查器中，根据需要设置文本域的属性。 （4）若要在页面中为文本域添加标签，请在该文本域旁边单击，然后键入标签文字。 2、文本域属性设置 （1）文本域名称 在“文本域”文本框中，为该文本域指定一个名称。 每个文本域都必须有一个唯一名称。所选名称必须在该表单内唯一标识该文本域。表单对象名称不能包含空格或特殊字符。可以使用字母数字字符和下划线 (_) 的任意组合。请注意，为文本域指定的标签是将存储该域的值（输入的数据）的变量名。这是发送给服务器进行处理的值。 （2）字符宽度 字符宽度设置域中最多可显示的字符数。此数字可以小于“