上次更新日期:
2021年4月29日
- Dreamweaver 用户指南
- 简介
- Dreamweaver 和 Creative Cloud
- Dreamweaver 工作区和视图
- 设置站点
- 管理文件
- 布局和设计
- CSS
- 页面内容和资源
- 设置页面属性
- 设置 CSS 标题属性和 CSS 链接属性
- 使用文本
- 查找和替换文本、标签和属性
- DOM 面板
- 在实时视图中编辑
- 在 Dreamweaver 中对文档编码
- 在“文档”窗口中选择和查看元素
- 在属性检查器中设置文本属性
- 对网页进行拼写检查
- 在 Dreamweaver 中使用水平线
- 在 Dreamweaver 中添加和修改字体组合
- 使用资源
- 在 Dreamweaver 中插入和更新日期
- 在 Dreamweaver 中创建和管理收藏资源
- 在 Dreamweaver 中插入和编辑图像
- 添加媒体对象
- 在 Dreamweaver 中添加视频
- 插入 HTML5 视频
- 插入 SWF 文件
- 添加音频效果
- 在 Dreamweaver 中插入 HTML5 音频
- 使用库项目
- 在 Dreamweaver 中使用阿拉伯语和希伯来语文本
- 链接与导航
- jQuery 构件和效果
- 对网站进行编码
- 关于在 Dreamweaver 中编码
- Dreamweaver 中的编码环境
- 设置编码偏好设置
- 自定义代码颜色
- 编写和编辑代码
- 代码提示和代码完成
- 折叠和展开代码
- 使用代码片段重用代码
- 使用 linting 检查代码
- 优化代码
- 在设计视图中编辑代码
- 使用页面的头内容
- 在 Dreamweaver 中插入服务器端包含
- 在 Dreamweaver 中使用标签库
- 将自定义标签导入 Dreamweaver
- 使用 JavaScript 行为(一般说明)
- 应用内置 JavaScript 行为
- 关于 XML 和 XSLT
- 在 Dreamweaver 中执行服务器端 XSL 转换
- 在 Dreamweaver 中执行客户端 XSL 转换
- 在 Dreamweaver 中为 XSLT 添加字符实体
- 设置代码格式
- 跨产品工作流
- 模板
- 移动设备和多屏幕
- 动态网站、页面和 Web 表单
- 以可视化方式生成应用程序
- 测试、预览和发布网站
- 疑难解答
按照此流程进行操作,了解如何通过在页面中插入表单元素的方法以可视方式在 Dreamweaver 中创建 Web 表单。
您可以通过将表单元素插入页面中(但这只是这项工作的一部分),以可视方式在 Dreamweaver 中创建 Web 表单。另一个更为复杂的部分是,开发一种用于处理您的访问者使用表单提交的数据的机制。例如,数据有时会保存在客户数据库中。通常应通过 Web 应用程序技术(如 PHP 或 Adobe ColdFusion)处理表单数据。
本文介绍了如何创建简单的 Web 表单。本文并未介绍如何开发用于处理提交的表单数据的机制。有关构建用于处理使用 PHP 提交的数据的表单和机制的详细说明,请参阅 Adobe 开发者中心上的这一教程系列。
创建 Web 表单
-
在 Dreamweaver 中的设计视图中打开一个页面,并将插入点置于您希望表单出现的位置。
-
选择“插入”>“表单”>“表单”。或者,选择“插入”面板中的“表单”类别(面板的选项卡下的小三角形),然后单击“表单”图标。Dreamweaver 将插入一个空表单。在设计视图中,红色的虚轮廓线指示表单。如果看不到此轮廓线,请选择“视图”>“可视化助理”>“不可见元素”。
-
指定用于处理表单数据的页面或脚本。在“文档”窗口中,单击表单轮廓以将其选定。在“属性”检查器(“窗口”>“属性”)中的“操作”文本框中,输入处理页面的文件名(和路径(如有必要))。或者,单击文件夹图标以导航到相应的页面或脚本。示例:process_order.php。
-
插入表单对象。将插入点置于希望表单对象在表单中出现的位置。然后,在“插入”>“表单”菜单中或者在“插入”栏的“表单”类别中选择该对象。将表单对象置于页面上表单的红色轮廓虚线内。有关表单对象的更多信息,请参阅 Dreamweaver 帮助中的表单对象。
-
调整表单的布局。可以使用换行符、段落标记、预格式化的文本或表格来设置表单的格式。您无法在一个表单中插入另一个表单,但您可以在一个页面中包含多个表单。在设计表单时,请记住使用描述性文本作为表单对象的标签,以使用户知道自己正在对何种内容进行响应。例如,使用“输入您的姓名”请求姓名信息。使用表格为表单对象和标签提供结构。确保所有表格标签都位于两个表单标签之间。