网站设计表单

• 如果需要，可以使用“MIME类型”弹出
菜单指定对提交给服务器进行处理的数据使 用 MIME编码类型。默认设置 application/x-www-form-urlencode 通 常与POST方法协同使用。如果要创建文件 上传域，请指定 multipart/form-data MIME 类型。
11.1.3 给表单添加对象
• Dreamweaver表单可以包含标准对象，
如文本域、按钮、图像域、复选框、单选钮、 列表/菜单、文件域及隐藏域等。
• 使用表单嵌板，可以在表单中添加以下对
象,如图所示。
• Text fields（文本字段）：
接受任何类型的文本、字母或数字。输入 的文本可以显示为单行、多行、黑点或星号 （用于密码保护）。
序或脚本程序来自由的处理表单结果。
11.1.2 创建表单
• 使用Insert>Form(插入>表单)命令或对象
面板中的Forms（表单）嵌板都可以创建表 单，步骤如下：
• (1) 执行以下之一操作： • ① 把光标置于要插入表单的位置，然后选
择Insert>Form。
• ② 把光标置于要插入表单的位置，然后单
• 可以采用课本中提到的通过调用
FrontPage来制作表单，也可以采用 Dreamweaver的常用工具中的表单来实 现。
11.1.1 创建表单的步骤
• 创建表单一般遵循如下的步骤： • (1)决定要收集的信息，然后开始表单设计； • (2)在表单中添加域； • (3)设置表单域的数据输入规则； • (4)设置通过表单所收集的信息的处理方式； • (5)设置确认网页。
• (2) 选中表单,打开属性检查器，在属性检 查器中设置表单的Action属性，可以直接输 入URL或者Mailto地址，也可以选择旁边的 Folder（文件夹）按钮图标来浏览和定位一 个地址。如果用户通过Mailto方法来发送表 单数据，可能会产生一些问题。表单属性面 板如下图所示。
• Form Name（表单名）：键入标识该表
• 在“方法”弹出菜单中，选择将表单数据
传输到服务器的方法。
• POST方法将在HTTP请求中嵌入表单数据。 • GET方法将值附加到请求该页的URL中。 • 默认方法使用浏览器的默认设置将表单数
据发送到服务器。通常，默认方法为 GET 方法。
• 不要使用GET方法发送长表单。URL的长
度限制在8192个字符以内。如果发送的数 据量太大，数据将被截断，从而导致意外的 或失败的处理结果。
• 对于由GET方法传递的参数所生成的动
态页，可添加书签，这是因为重新生成页面 所需的全部值都包含在浏览器地址框中显示 的URL中。与此相反，对于由POST方法传 递的参数所生成的动态页，不可添加书签。
• 如果您要收集机密用户名和密码、信用
卡号或其它机密信息，POST方法看起来比 GET方法更安全。但是，由POST方法发送 的信息是未经加密的，容易被黑客获取。若 要确保安全性，请通过安全的连接与安全的 服务器相连。
• 其中第一步是决定要创建何种表单以及要
收集何种信息，因为首先要明白你所创建的 表单的目的是想获得访问者的什么信息。
• 表单域就是表单上用以收集信息的单个域。
每一类型的域都各有不同的操作方式，因此 必须根据站点访问者输入信息的方法来选择 表单域，比如是填空还是选择，选择的话是 单项还是多项选择等。
方式。在访问者提交表单后，必须收集输入 的数据---表单结果---以便进行查看、将它们 先是给访问者查看或是用服务器端程序根据 需要对其进行操作。FrontPage提供了数种
• 表单处理程序，它们可以接受表单结果和进
行不同的操作。
• (1)结果存成文本文件或HTML文件。 • (2)以电子邮件传送结果。 • (3)将结果存入数据库。 • 当然也可以使用自定义的服务器端应用程
• 通过表Biblioteka Baidu收集到的用户反馈信息，通常是一
些用分隔符（如逗号、分号等）分隔的文字资 料。这些资料可以导入到数据库或电子表格中 进行统计、分析，成为具有重要参考价值的信 息。
• 使用Dreamweaver 可以创建表单，可
以给表单中添加对象，还可以通过使用行 为来验证用户输入的信息的正确性。不过， 得使用文本编辑器自行编写脚本或应用程 序以处理表单数据。Perl是最常用的表单 处理脚本语言，其他可选的语言还有C、 Java，以及JavaScript等。
击Object（对象）面板上的Forms嵌板的 Form（表单）按钮，如下图所示。
• ③ 把Form按钮拖到页面上要插入表单的位 置，如图所示。
如果没有看到所创建的表单，请选择 View>Visual Aids>Invisible Elements （查看>可视化助理>不可见元素）选项，就 可以显示在设计视窗（文档窗口）。
单的唯一名称。命名表单后，就可以使用脚 本语言（如 JavaScript 或 VBScript）引 用或控制该表单。如果不命名表单，则
Dreamweaver 使用语法 formn 生成一个 名称，并在向页面中添加每个表单时递增 n
的值。
• 在“动作”文本框中，指定处理该表单
的动态页或脚本的路径。可以在“动作”文 本框中键入完整路径，也可以单击文件夹图 标定位到同一站点中包含该脚本或应用程序 页的相应文件夹。
• 数据输入规则也称为确认，它们可确保访
问者正确填写表单，比如你可以为你的产
• 品设置一份订购表单，并利用数据输入规则
来限制客户的名称、地址和付款信息都正确 输入，比如制定允许输入数据的类型或者限 制访问者必须从一组按钮中选择一个，否则 将无法完成定购操作。
• 创建表单的第四步是设置表单结果的处理
• 使用表单可以收集来自用户的信息，
是网站管理者与浏览者之间沟通的桥梁。 收集、分析用户的反馈意见，作出科学的、 合理的决策，是一个网站成功的重要因素。
11.1 创建表单
• 表单有两个重要组成部分：一是描述表单的
HTML源代码；一是用于处理用户在表单域中 输入的信息的服务器端应用程序或客户端脚本， 如CGI、ASP等。表单的通常应用是调查表、订 单和搜索界面等。