使用 Dreamweaver 开发表单

上次更新日期: 2024年4月25日

按照此流程进行操作,了解如何通过在页面中插入表单元素的方法以可视方式在 Dreamweaver 中创建 Web 表单。

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

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

创建 Web 表单

在 Dreamweaver 中的设计视图中打开一个页面,并将插入点置于您希望表单出现的位置。
选择“插入”>“表单”>“表单”。 或者,选择“插入”面板中的“表单”类别(面板的选项卡下的小三角形),然后单击“表单”图标。 Dreamweaver 将插入一个空表单。 在设计视图中,红色的虚轮廓线指示表单。 如果看不到此轮廓线,请选择“视图”>“可视化助理”>“不可见元素”。
指定用于处理表单数据的页面或脚本。 在“文档”窗口中,单击表单轮廓以将其选定。 在“属性”检查器(“窗口”>“属性”)中的“操作”文本框中,输入处理页面的文件名(和路径(如有必要))。 或者,单击文件夹图标以导航到相应的页面或脚本。 示例:process_order.php。
指定用于将表单数据传输到服务器的方法。 在“属性”检查器中,在“方法”弹出菜单中选择下列选项之一:
  • POST 会将表单数据嵌入 HTTP 请求中。 有关更多信息,请参阅 Dreamweaver 帮助中的 HTML 表单参数
  • GET 会将值附加到请求页面的 URL 中。 有关更多信息,请参阅 Dreamweaver 帮助中的 URL 参数
  • 默认值会使用浏览器的默认设置将表单数据发送到服务器。 默认值通常为 GET 方法。

插入表单对象。 将插入点置于希望表单对象在表单中出现的位置。 然后,在“插入”>“表单”菜单中或者在“插入”栏的“表单”类别中选择该对象。 将表单对象置于页面上表单的红色轮廓虚线内。 有关表单对象的更多信息,请参阅 Dreamweaver 帮助中的表单对象

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

更多类似内容