在 Dreamweaver 中开发 Web 表单

您可以通过将表单元素插入页面中（但这只是这项工作的一部分），以可视方式在 Dreamweaver 中创建 Web 表单。另一个更为复杂的部分是，开发一种用于处理您的访问者使用表单提交的数据的机制。例如，数据有时会保存在客户数据库中。通常应通过 Web 应用程序技术（如 PHP 或 Adobe ColdFusion）处理表单数据。

本文介绍了如何创建简单的 Web 表单。本文并未介绍如何开发用于处理提交的表单数据的机制。有关构建用于处理使用 PHP 提交的数据的表单和机制的详细说明，请参阅 Adobe 开发者中心上的这一教程系列。

创建 Web 表单

1. 在 Dreamweaver 中的设计视图中打开一个页面，并将插入点置于您希望表单出现的位置。
2. 选择“插入”>“表单”>“表单”。或者，选择“插入”面板中的“表单”类别（面板的选项卡下的小三角形），然后单击“表单”图标。Dreamweaver 将插入一个空表单。在设计视图中，红色的虚轮廓线指示表单。如果看不到此轮廓线，请选择“视图”>“可视化助理”>“不可见元素”。
3. 指定用于处理表单数据的页面或脚本。在“文档”窗口中，单击表单轮廓以将其选定。在“属性”检查器（“窗口”>“属性”）中的“操作”文本框中，输入处理页面的文件名（和路径（如有必要））。或者，单击文件夹图标以导航到相应的页面或脚本。示例：process_order.php。
4. 指定用于将表单数据传输到服务器的方法。在“属性”检查器中，在“方法”弹出菜单中选择下列选项之一：
   • POST 会将表单数据嵌入 HTTP 请求中。有关更多信息，请参阅 Dreamweaver 帮助中的 HTML 表单参数。
   • GET 会将值附加到请求页面的 URL 中。有关更多信息，请参阅 Dreamweaver 帮助中的 URL 参数。
   • 默认值会使用浏览器的默认设置将表单数据发送到服务器。默认值通常为 GET 方法。
5. 插入表单对象。将插入点置于希望表单对象在表单中出现的位置。然后，在“插入”>“表单”菜单中或者在“插入”栏的“表单”类别中选择该对象。将表单对象置于页面上表单的红色轮廓虚线内。有关表单对象的更多信息，请参阅 Dreamweaver 帮助中的表单对象。
6. 调整表单的布局。可以使用换行符、段落标记、预格式化的文本或表格来设置表单的格式。您无法在一个表单中插入另一个表单，但您可以在一个页面中包含多个表单。在设计表单时，请记住使用描述性文本作为表单对象的标签，以使用户知道自己正在对何种内容进行响应。例如，使用“输入您的姓名”请求姓名信息。使用表格为表单对象和标签提供结构。确保所有表格标签都位于两个表单标签之间。

更多此类内容

• 构建第一个动态网站