按照此流程进行操作,了解如何通过在页面中插入表单元素的方法以可视方式在 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. 调整表单的布局。可以使用换行符、段落标记、预格式化的文本或表格来设置表单的格式。您无法在一个表单中插入另一个表单,但您可以在一个页面中包含多个表单。在设计表单时,请记住使用描述性文本作为表单对象的标签,以使用户知道自己正在对何种内容进行响应。例如,使用“输入您的姓名”请求姓名信息。使用表格为表单对象和标签提供结构。确保所有表格标签都位于两个表单标签之间。

本产品经 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 许可  Twitter™ 与 Facebook 中的内容不在 Creative Commons 的条款约束之下。

法律声明   |   在线隐私策略