在 Dreamweaver 中创建和启用 ColdFusion 表单

Dreamweaver

Dreamweaver

打开应用程序
  1. Dreamweaver 用户指南
  2. 简介
    1. 响应式网页设计基础知识
    2. Dreamweaver 中的新增功能
    3. 使用 Dreamweaver 进行 Web 开发 - 概述
    4. Dreamweaver/常见问题
    5. 键盘快捷键
    6. Dreamweaver 系统要求
    7. 功能摘要
  3. Dreamweaver 和 Creative Cloud
    1. 将 Dreamweaver 设置与 Creative Cloud 同步
    2. Dreamweaver 中的 Creative Cloud Libraries
    3. 在 Dreamweaver 中使用 Photoshop 文件
    4. 使用 Adobe Animate 和 Dreamweaver
    5. 从库提取 Web 优化的 SVG 文件
  4. Dreamweaver 工作区和视图
    1. Dreamweaver 工作区
    2. 为可视化开发优化 Dreamweaver 工作区
    3. 根据文件名或内容搜索文件 | Mac OS
  5. 设置站点
    1. 关于 Dreamweaver 站点
    2. 设置站点的本地版本
    3. 连接到发布服务器
    4. 设置测试服务器
    5. 导入和导出 Dreamweaver 站点设置
    6. 将现有网站从远程服务器下载到您的本地站点根目录
    7. Dreamweaver 中的辅助功能
    8. 高级设置
    9. 设置用于传输文件的站点偏好设置
    10. 在 Dreamweaver 中指定代理服务器设置
    11. 将 Dreamweaver 设置与 Creative Cloud 同步
    12. 在 Dreamweaver 中使用 Git
  6. 管理文件
    1. 创建和打开文件
    2. 管理文件和文件夹
    3. 从服务器获取文件和将文件上传到服务器
    4. 存回和取出文件
    5. 同步文件
    6. 比较文件的差别
    7. 遮盖 Dreamweaver 站点中的文件和文件夹
    8. 为 Dreamweaver 站点启用设计备注
    9. 防止潜在的 Gatekeeper 漏洞
  7. 布局和设计
    1. 使用可视化助理进行布局
    2. 关于使用 CSS 来设计页面布局
    3. 使用 Bootstrap 设计响应式网站
    4. 在 Dreamweaver 中创建和使用媒体查询
    5. 使用表格显示内容
    6. 颜色
    7. 使用流式网格布局的响应式设计
    8. Dreamweaver 中的 Extract
  8. CSS
    1. 了解层叠样式表
    2. 使用 CSS Designer 进行页面布局
    3. 在 Dreamweaver 中使用 CSS 预处理器
    4. 如何在 Dreamweaver 中设置 CSS 样式偏好设置
    5. 在 Dreamweaver 中移动 CSS 规则
    6. 在 Dreamweaver 中将内联 CSS 转换为 CSS 规则
    7. 使用 div 标签
    8. 向背景应用渐变效果
    9. 在 Dreamweaver 中创建和编辑 CSS3 过渡效果
    10. 设置代码格式
  9. 页面内容和资源
    1. 设置页面属性
    2. 设置 CSS 标题属性和 CSS 链接属性
    3. 使用文本
    4. 查找和替换文本、标签和属性
    5. DOM 面板
    6. 在实时视图中编辑
    7. 在 Dreamweaver 中对文档编码
    8. 在“文档”窗口中选择和查看元素
    9. 在属性检查器中设置文本属性
    10. 对网页进行拼写检查
    11. 在 Dreamweaver 中使用水平线
    12. 在 Dreamweaver 中添加和修改字体组合
    13. 使用资源
    14. 在 Dreamweaver 中插入和更新日期
    15. 在 Dreamweaver 中创建和管理收藏资源
    16. 在 Dreamweaver 中插入和编辑图像
    17. 添加媒体对象
    18. 在 Dreamweaver 中添加视频
    19. 插入 HTML5 视频
    20. 插入 SWF 文件
    21. 添加音频效果
    22. 在 Dreamweaver 中插入 HTML5 音频
    23. 使用库项目
    24. 在 Dreamweaver 中使用阿拉伯语和希伯来语文本
  10. 链接与导航
    1. 关于链接与导航
    2. 链接
    3. 图像地图
    4. 链接疑难解答
  11. jQuery 构件和效果
    1. 在 Dreamweaver 中使用 jQuery UI 和移动构件
    2. 在 Dreamweaver 中使用 jQuery 效果
  12. 对网站进行编码
    1. 关于在 Dreamweaver 中编码
    2. Dreamweaver 中的编码环境
    3. 设置编码偏好设置
    4. 自定义代码颜色
    5. 编写和编辑代码
    6. 代码提示和代码完成
    7. 折叠和展开代码
    8. 使用代码片段重用代码
    9. 使用 linting 检查代码
    10. 优化代码
    11. 在设计视图中编辑代码
    12. 使用页面的头内容
    13. 在 Dreamweaver 中插入服务器端包含
    14. 在 Dreamweaver 中使用标签库
    15. 将自定义标签导入 Dreamweaver
    16. 使用 JavaScript 行为（一般说明）
    17. 应用内置 JavaScript 行为
    18. 关于 XML 和 XSLT
    19. 在 Dreamweaver 中执行服务器端 XSL 转换
    20. 在 Dreamweaver 中执行客户端 XSL 转换
    21. 在 Dreamweaver 中为 XSLT 添加字符实体
    22. 设置代码格式
  13. 跨产品工作流
    1. 安装和使用 Dreamweaver 的扩展
    2. Dreamweaver 中的应用程序内更新
    3. 在 Dreamweaver 中插入 Microsoft Office 文档（仅限 Windows）
    4. 使用 Fireworks 和 Dreamweaver
    5. 使用 Contribute 编辑 Dreamweaver 站点中的内容
    6. Dreamweaver 和 Business Catalyst 集成
    7. 创建个性化的电子邮件营销活动
  14. 模板
    1. 关于 Dreamweaver 模板
    2. 识别模板和基于模板的文档
    3. 创建 Dreamweaver 模板
    4. 在模板中创建可编辑区域
    5. 在 Dreamweaver 中创建重复区域和表格
    6. 在模板中使用可选区域
    7. 在 Dreamweaver 中定义可编辑的标签属性
    8. 如何在 Dreamweaver 中创建嵌套模板
    9. 编辑、更新和删除模板
    10. 在 Dreamweaver 中导出和导入 xml 内容
    11. 在现有文档中应用或删除模板
    12. 在 Dreamweaver 模板中编辑内容
    13. Dreamweaver 中模板标签的语法规则
    14. 设置模板区域的高亮显示偏好设置
    15. 在 Dreamweaver 中使用模板的好处
  15. 移动设备和多屏幕
    1. 创建媒体查询
    2. 更改移动设备的页面方向
    3. 使用 Dreamweaver 创建适用于移动设备的 Web 应用程序
  16. 动态网站、页面和 Web 表单
    1. 了解 Web 应用程序
    2. 设置计算机以进行应用程序开发
    3. 数据库连接疑难解答
    4. 在 Dreamweaver 中删除连接脚本
    5. 设计动态页
    6. 动态内容源概述
    7. 定义动态内容源
    8. 向页面添加动态内容
    9. 在 Dreamweaver 中更改动态内容
    10. 显示数据库记录
    11. 在 Dreamweaver 中提供动态数据和进行疑难解答
    12. 在 Dreamweaver 中添加自定义服务器行为
    13. 使用 Dreamweaver 生成表单
    14. 使用表单从用户处收集信息
    15. 在 Dreamweaver 中创建和启用 ColdFusion 表单
    16. 创建 Web 表单
    17. 增强了对表单元素的 HTML5 支持
    18. 使用 Dreamweaver 开发表单
  17. 以可视化方式生成应用程序
    1. 在 Dreamweaver 中生成主页和详细页
    2. 生成搜索页和结果页
    3. 生成记录插入页
    4. 在 Dreamweaver 中生成更新记录页
    5. 在 Dreamweaver 中生成记录删除页
    6. 在 Dreamweaver 中使用 ASP 命令修改数据库
    7. 生成注册页
    8. 生成登录页
    9. 生成只有授权用户才能访问的页面
    10. 使用 Dreamweaver 保护 Coldfusion 中的文件夹
    11. 在 Dreamweaver 中使用 ColdFusion 组件
  18. 测试、预览和发布网站
    1. 预览页面
    2. 在多个设备上预览 Dreamweaver 网页
    3. 测试 Dreamweaver 站点
  19. 疑难解答
    1. 已修复的问题
    2. 已知问题

 

 

注意:

在 Dreamweaver 和更高版本中不再支持 ColdFusion。

关于 ColdFusion 表单

ColdFusion 表单为您提供了用于验证表单数据的几个内置机制。例如，可以检查以确保用户输入了有效的日期。一些表单控件具有其它功能。许多表单控件没有 HTML 相应部分，而其它表单控件则直接支持根据数据源动态填充控件。

Dreamweaver 为使用 ColdFusion MX 7 或更高版本作为开发服务器的 ColdFusion 开发人员提供了多种增强功能。这些增强功能包括更多的“插入”面板按钮、菜单项和属性检查器，以便您可以快速建立 ColdFusion 表单并设置其属性。还可以生成代码以验证由站点访问者提供的信息。例如，您可以检查用户提供的电子邮件地址是否包含 @ 符号，或者必填的文本域是否包含特定类型的值。

启用 ColdFusion 增强功能

这些增强功能中的某些功能要求您将运行 ColdFusion MX 7 或更高版本的计算机定义为 Dreamweaver 的测试服务器。例如，用于表单控件的属性检查器仅当您指定正确的测试服务器时才可用。

只需定义一次测试服务器。然后，Dreamweaver 就可自动检测测试服务器版本，并在检测到 ColdFusion 时提供增强功能。

  1. 如果尚未为 ColdFusion 项目定义 Dreamweaver 站点，则请定义。
  2. 选择“站点”>“管理站点”，然后从列表中选择您的站点并单击“编辑”。
  3. 选择“服务器”类别并将一个运行 ColdFusion MX 7 或更高版本的计算机指定为 Dreamweaver 站点的测试服务器。确保指定了有效的 Web URL。
  4. 打开任一 ColdFusion 文档。

    在打开 ColdFusion 文档之前，您将看不到对 Dreamweaver 工作区所做的任何可见更改。

创建 ColdFusion 表单

您可以使用多个“插入”面板按钮、菜单项和属性检查器在 Dreamweaver 中快速创建 ColdFusion 表单并设置其属性。

注意:

只有您对运行 ColdFusion MX 7 或更高版本的计算机具有访问权限时，才能使用这些增强功能。

  1. 打开一个 ColdFusion 页面，将插入点放在希望 ColdFusion 表单出现的位置。
  2. 选择“插入”>“ColdFusion 对象”>“CFForm”>“CFForm”，或者从“插入”面板选择“CFForm”类别并单击“CF 表单”图标。

    Dreamweaver 将插入一个空的 ColdFusion 表单。在“设计”视图中，此表单以红色的虚轮廓线指示。如果没有看到此轮廓线，请确定选中了“查看”>“可视化助理”>“不可见元素”。

  3. 确保表单仍处于选定状态，然后使用属性检查器设置以下任一表单属性。

    CFForm

    设置表单的名称。

    动作

    可用于指定在提交表单时要处理的 ColdFusion 页面的名称。

    方法

    可用于定义浏览器用来将表单数据发送给服务器的方法：

    POST

    使用 HTTP post 方法发送数据；此方法将单个消息中的数据发送给服务器。

    GET

    使用 HTTP get 方法发送数据，将表单域内容放置在 URL 查询字符串中。

    目标

    可用于修改 cfform 标签的目标属性的值。

    编码类型

    指定用来传输表单数据的编码方法。

    注意:

    编码类型指的不是字符编码。此属性指定用于将表单提交给服务器的内容类型（如果方法的值为 post）。此属性的默认值为 application/x-www-form-urlencoded。

    格式

    确定要创建的表单的类型：

    HTML

    生成 HTML 表单并将其发送给客户端。cfgrid 和 cftree 子控件可以使用 Flash 或 applet 格式。

    Flash

    生成 Flash 表单并将其发送给客户端。所有控件都使用 Flash 格式。

    XML

    生成 XForms XML 并将结果放置在具有 ColdFusion 表单名称的变量中。不向客户端发送任何内容。cfgrid 和 cftree 子控件可以使用 Flash 或 applet 格式。

    样式

    可用于指定表单的样式。有关详细信息，请参阅 ColdFusion 文档。

    Flash/XML 外观

    可用于指定光晕颜色以设置输出的样式。该主题确定用于高亮显示和所选元素的颜色。

    保留数据

    确定在表单发送到自身时是否用提交值覆盖初始控件值。

    • 如果为 False，则使用在控件标签属性中指定的值。

    • 如果为 True，则使用提交的值。

    脚本源文件

    指定 JavaScript 文件（包含标签及其子标签使用的客户端代码）相对于 Web 根目录的 URL。如果该文件不在默认位置，则此属性十分有用。在某些阻止对 /CFIDE 目录进行访问的主机环境和配置中，可能需要此属性。默认位置在“ColdFusion 管理员”中设置；默认情况下为 /CFIDE/scripts/cfform.js。

    存档

    为 cfgrid、cfslider 和 cftree applet 控件指定可下载 Java 类的 URL。默认位置为 /CFIDE/classes/cfapplets.jar。

    高度

    指定表单的高度。

    宽度

    指定表单的宽度。

    显示 cfform 的标签编辑器

    可用于编辑属性检查器中未列出的属性。

  4. 插入 ColdFusion 表单控件。

    在 ColdFusion 表单中将插入点放置在希望 ColdFusion 表单控件出现的位置上，然后从“插入”菜单中选择该控件（“插入”>“ColdFusion 对象” >“CFForm”），或者从“插入”面板中的“CFForm”类别中选择该控件。

  5. 如果需要，用属性检查器设置该控件的属性。

    确保在“设计”视图中选择了该控件，然后在属性检查器中设置属性。有关这些属性的详细信息，请单击属性检查器中的“帮助”图标。

  6. 调整 ColdFusion 表单的布局。

    如果要创建基于 HTML 的表单，可以使用换行符、段落标记、预格式化文本或表格来设置表单的格式。不能将一个 ColdFusion 表单插入另一个 ColdFusion 表单中（即标签不能交迭），但是可以在一个页面中包含多个 ColdFusion 表单。

    如果要创建基于 Flash 的表单，则使用“层叠样式表” (CSS) 样式对表单进行布局。ColdFusion 会忽略表单中的所有 HTML。

    请记住用描述性文本作为 ColdFusion 表单域的标签，以使用户可以知道自己正在对什么内容进行响应。例如，创建一个“键入您的姓名”标签以要求输入姓名信息。

插入 ColdFusion 表单控件

使用“插入”面板或“插入”菜单快速将 ColdFusion 表单控件插入到 ColdFusion 表单中。应先创建空的 ColdFusion 表单，然后再将控件插入其中。

注意:

只有您对运行 ColdFusion MX 7 或更高版本的计算机具有访问权限时，才能使用这些增强功能。

  1. 在“设计”视图中，将插入点放在表单轮廓内。
  2. 从“插入”菜单（“插入”>“ColdFusion 对象”>“CFForm”）中或“插入”面板的“CFForm”类别中选择控件。
  3. 在页面上单击该控件以选择它，然后在属性检查器中设置其属性。

    有关特定控件的属性的信息，请参阅控件相关的主题。

插入 ColdFusion 文本域

可以以可视方式将 ColdFusion 文本域或密码域插入到表单中，然后设置其选项。

注意:

只有您对运行 ColdFusion MX 7 或更高版本的计算机具有访问权限时，才能使用此增强功能。

以可视方式插入 ColdFusion 文本域

  1. 在“设计”视图中，将插入点放在表单轮廓内。
  2. 在“插入”面板中的“CFForm”类别中，单击“CF 文本域”图标，或选择“插入”>“ColdFusion 对象”>“CFForm”>“CFtextfield”。

    一个文本域随即出现在表单中。

  3. 选择文本域，并在属性检查器中设置其属性。
  4. 若要在页面中为文本域添加标签，请在该文本域旁单击，然后键入标签文本。

以可视方式插入密码域

  1. 重复前面步骤中的步骤 1 和步骤 2 以插入文本域。
  2. 选择插入的文本域以显示其属性检查器。
  3. 在属性检查器中，从“文本模式”弹出菜单中选择“密码”值。

CFTextField 选项 (ColdFusion)

若要设置 ColdFusion 文本域或密码域的选项，请在 CFTextField 属性检查器中设置以下任一选项：

CFtextfield

设置 id 属性（针对 <cfinput> 标签）。

值

可用于指定当页面在浏览器中第一次打开时要在域中显示的文本。它既可以是静态信息，也可以是动态信息。

若要指定动态值，请单击“值”框旁的闪电图标，然后在“动态数据”对话框中选择一个记录集列。在浏览器中查看表单时，该记录集列向文本域提供一个值。

文本模式

用于在标准文本输入域和密码输入域之间进行切换。由此控件修改的属性为 type。

只读

可用于将显示文本设置为只读。

最大长度

设置文本域可以接受的最大字符数。

掩码

可用于为所请求的文本指定掩码。此属性可用于验证用户输入。掩码格式由 A、9、X 和 ? 字符组成。

注意:

如果是 cfinput type="password" 标签，则忽略掩码属性。

验证

为当前域指定验证类型。

验证时间为

指定域的验证时间：onSubmit、onBlur 或 onServer。

标签

可用于为文本域指定标签。

模式

可用于指定 JavaScript 正则表达式模式以验证输入。省略前导斜杠和结尾斜杠。有关详细信息，请参阅 ColdFusion 文档。

高度

可用于指定控件的高度（以像素为单位）。

宽度

可用于指定控件的宽度（以像素为单位）。

大小

可用于指定控件的大小。

必填

可用于指定在将表单提交给服务器前文本域是否必须包含数据。

显示标签编辑器

可用于编辑属性检查器中未列出的属性。

插入 ColdFusion 隐藏域

可以以可视方式将 ColdFusion 隐藏域插入到表单中并设置其属性。使用隐藏域可以存储或提交无需用户输入的信息。该信息对用户而言是隐藏的。

注意:

只有您对运行 ColdFusion MX 7 或更高版本的计算机具有访问权限时，才能使用此增强功能。

  1. 在“设计”视图中，将插入点放在表单轮廓内。
  2. 在“插入”面板的“CFForm”类别中，单击“CF 隐藏字段”图标。

    一个标记随即出现在 ColdFusion 表单中。如果看不到标记，可选择“查看”>“可视化助理”>“不可见元素”。

  3. 选择页面中的隐藏域，在属性检查器中设置以下任一选项：

    Cfhiddenfield

    可用于为隐藏域指定唯一名称。

    值

    可用于为隐藏域指定值。它既可以是静态数据，也可以是动态数据。

    若要指定动态值，请单击“值”框旁的闪电图标，然后在“动态数据”对话框中选择一个记录集列。在浏览器中查看表单时，该记录集列向文本域提供一个值。

    验证

    为当前域指定验证类型。

    验证时间为

    指定域的验证时间：onSubmit、onBlur 或 onServer。

    标签

    可用于为控件指定标签。ColdFusion 服务器在运行时将忽略此属性。

    模式

    可用于指定 JavaScript 正则表达式模式以验证输入。省略前导斜杠和结尾斜杠。有关详细信息，请参阅 ColdFusion 文档。

    高度

    可用于指定控件的高度（以像素为单位）。ColdFusion 服务器在运行时将忽略此属性。

    宽度

    可用于指定控件的宽度（以像素为单位）。ColdFusion 服务器在运行时将忽略此属性。

    大小

    可用于指定控件的大小。ColdFusion 服务器在运行时将忽略此属性。

    必填

    可用于指定在将表单提交给服务器前隐藏文本域是否必须包含数据。

    显示标签编辑器

    可用于编辑属性检查器中未列出的属性。

插入 ColdFusion 文本区域

可以以可视方式将 ColdFusion 文本区域插入到表单中并设置其属性。文本区域为包含多行文本的输入元素。

注意:

只有您对运行 ColdFusion MX 7 或更高版本的计算机具有访问权限时，才能使用此增强功能。

  1. 将插入点放在表单轮廓内。
  2. 在“插入”面板的“CFForm”类别中，单击“CF 文本区域”图标。

    一个文本区域随即出现在 ColdFusion 表单中。

  3. 选择页面中的文本域，在属性检查器中设置以下任一选项：

    Cftextarea

    可用于为控件指定唯一名称。

    字符宽度

    可用于设置每行的字符数。

    行数

    可用于设置文本区域中显示的行数。

    换行

    可用于指定用户输入文本如何换行。

    必填

    可用于指定用户是必须在域中输入数据（已选中），还是不必在域中输入数据（未选中）。

    初始值

    可用于指定当页面最初在浏览器中打开时要在文本区域中显示的文本。

    验证

    指定域的验证类型。

    验证时间为

    指定域的验证时间：onSubmit、onBlur 或 onServer。

    标签

    可用于为控件指定标签。

    样式

    可用于指定控件的样式。有关详细信息，请参阅 ColdFusion 文档。

    高度

    可用于指定控件的高度（以像素为单位）。ColdFusion 服务器在运行时将忽略此属性。

    宽度

    可用于指定控件的宽度（以像素为单位）。ColdFusion 服务器在运行时将忽略此属性。

    显示标签编辑器

    可用于编辑属性检查器中未列出的属性。

  4. 若要设置文本区域的标签，请在该文本区域旁单击，然后输入标签文字。

插入 ColdFusion 按钮

可以以可视方式将 ColdFusion 按钮插入到表单中并设置其属性。ColdFusion 按钮控制 ColdFusion 表单的操作。ColdFusion 按钮可以用于将 ColdFusion 表单数据提交到服务器或重置 ColdFusion 表单。标准 ColdFusion 按钮通常带有“提交”、“重置”或“发送”标签。您还可以分配其它已经在脚本中定义的处理任务。例如，该按钮可以根据指定的值计算所选项目的总价。

注意:

只有您对运行 ColdFusion MX 7 或更高版本的计算机具有访问权限时，才能使用此增强功能。

  1. 将插入点放在 ColdFusion 表单轮廓内。
  2. 在“插入”面板的“CFForm”类别中，单击“CF 按钮”图标。

    一个按钮随即出现在 ColdFusion 表单中。

  3. 选择页面中的按钮，在属性检查器中设置以下任一选项：

    Cfbutton

    可用于为控件指定唯一名称。

    动作

    可用于指定要创建的按钮的类型。

    显示标签编辑器

    可用于编辑属性检查器中未列出的属性。

    ColdFusion 服务器在运行时将忽略其它属性。

插入 ColdFusion 复选框

可以以可视方式将 ColdFusion 复选框插入到表单中并设置其属性。使用复选框使用户可以从一组选项中选择多个选项。

注意:

只有您对运行 ColdFusion MX 7 或更高版本的计算机具有访问权限时，才能使用此增强功能。

  1. 将插入点放在表单轮廓内。
  2. 在“插入”面板的“CFForm”类别中，单击“CF 复选框”图标。

    一个复选框将出现在 ColdFusion 表单中。

  3. 选择页面中的复选框，在属性检查器中设置以下任一选项：

    Cfcheckbox

    可用于为控件指定唯一名称。

    选定值

    可用于指定在用户选中复选框时由其返回的值。

    初始状态

    可用于指定当页面在浏览器中第一次打开时是否选中复选框。

    验证

    指定复选框的验证类型。

    验证时间为

    指定复选框的验证时间：onSubmit、onBlur 或 onServer。

    标签

    可用于为复选框指定标签。

    模式

    可用于指定 JavaScript 正则表达式模式以验证输入。省略前导斜杠和结尾斜杠。有关详细信息，请参阅 ColdFusion 文档。

    高度

    可用于指定控件的高度（以像素为单位）。ColdFusion 服务器在运行时将忽略此属性。

    宽度

    可用于指定控件的宽度（以像素为单位）。ColdFusion 服务器在运行时将忽略此属性。

    大小

    可用于指定控件的大小。ColdFusion 服务器在运行时将忽略此属性。

    必填

    可用于指定在将表单提交给服务器前是否必须选中复选框。

    显示标签编辑器

    可用于编辑属性检查器中未列出的属性。

  4. 若要为复选框添加标签，请在页面上相应复选框的旁边单击，然后键入标签文本。

插入 ColdFusion 单选按钮

可以以可视方式将 ColdFusion 单选按钮插入到表单中并设置其属性。在要求用户只能从一组选项中选择一个选项时，请使用单选按钮。单选按钮通常成组地使用。同一组中的所有单选按钮都必须具有相同的名称。

注意:

只有您对运行 ColdFusion MX 7 或更高版本的计算机具有访问权限时，才能使用此增强功能。

  1. 将插入点放在表单轮廓内。
  2. 选择“插入”>“ColdFusion 对象”>“CFForm”>“CFradiobutton”。

    一个单选按钮随即出现在 ColdFusion 表单中。

  3. 选择页面中的单选按钮，在属性检查器中设置以下任一选项：

    Cfradiobutton

    可用于为控件指定唯一名称。

    选定值

    可用于指定在用户选中单选按钮时由其返回的值。

    初始状态

    可用于指定当页面在浏览器中第一次打开时是否选中单选按钮。

    验证

    指定单选按钮的验证类型。

    验证时间为

    指定单选按钮的验证时间：onSubmit、onBlur 或 onServer。

    标签

    可用于为单选按钮指定标签。

    模式

    可用于指定 JavaScript 正则表达式模式以验证输入。省略前导斜杠和结尾斜杠。有关详细信息，请参阅 ColdFusion 文档。

    高度

    可用于指定控件的高度（以像素为单位）。ColdFusion 服务器在运行时将忽略此属性。

    宽度

    可用于指定控件的宽度（以像素为单位）。ColdFusion 服务器在运行时将忽略此属性。

    大小

    可用于指定控件的大小。ColdFusion 服务器在运行时将忽略此属性。

    必填

    可用于指定在将表单提交给服务器前是否必须选中单选按钮。

    显示标签编辑器

    可用于编辑属性检查器中未列出的属性。

  4. 若要设置单选按钮的标签，请在页面上该按钮的旁边单击，然后输入标签文本。

插入 ColdFusion 选择框

可以以可视方式将 ColdFusion 选择框插入到表单中并设置其属性。选择框使访问者可以从列表中选择一个或多个项目。当您的空间有限，但需要显示许多项目时，选择框非常有用。如果您想要对返回给服务器的值予以控制，也可以使用选择框。选择框与文本域不同，在文本域中用户可以随心所欲键入任何信息，甚至包括无效的数据，而使用选择框则可以设置某个菜单返回的确切值。

您可以在表单中插入两种类型的选择框：一种是用户单击时“下拉”的菜单；另一种是显示可供用户从中选择的可滚动项目列表的菜单。

注意:

只有您对运行 ColdFusion MX 7 或更高版本的计算机具有访问权限时，才能使用此增强功能。

  1. 将插入点放在表单轮廓内。
  2. 在“插入”面板的“CFForm”类别中，单击“CF 选择”图标。

    一个选择框随即出现在 ColdFusion 表单中。

  3. 选择页面中的选择框，在属性检查器中设置以下任一选项：

    Cfselect

    可用于为控件指定唯一名称。

    类型

    可用于在弹出菜单或列表之间进行选择。如果选择列表类型，则可使用“列表高度”和“允许选择多个列表”选项。

    列表高度

    可用于指定要在列表菜单中显示的行数。仅当选择列表类型时才可用。

    允许选择多个列表

    可用于指定用户是否可以从列表中一次选择多个选项。仅当选择列表类型时才可用。

    编辑值

    打开一个对话框以便您可以添加、编辑或删除选择框中的选项。

    初始化时选定

    可用于指定默认选择的选项。如果选择“允许选择多个列表”选项，则可以选择多个选项。

    记录集

    可用于指定用于填充列表或菜单的 ColdFusion 查询的名称。

    显示列

    可用于指定记录集列以提供每个列表元素的显示标签。用于“记录集”属性。

    值列

    可用于指定记录集列以提供每个列表元素的值。用于“记录集”属性。

    Flash 标签

    可用于为选择框指定标签。

    Flash 高度

    可用于指定控件的高度（以像素为单位）。ColdFusion 服务器在运行时将忽略此属性。

    Flash 宽度

    可用于指定控件的宽度（以像素为单位）。ColdFusion 服务器在运行时将忽略此属性。

    消息

    指定在将“必需”属性设置为“是”且用户在提交表单前未进行选择时要显示的消息。

    必填

    可用于指定在将表单提交给服务器前是否必须选择一个菜单项。

    显示标签编辑器

    可用于编辑属性检查器中未列出的属性。

插入 ColdFusion 图像域

可以以可视方式将 ColdFusion 图像域插入到表单中并设置其选项。使用图像域制作自定义按钮。

注意:

只有您对运行 ColdFusion MX 7 或更高版本的计算机具有访问权限时，才能使用此增强功能。

  1. 在“设计”视图中，将插入点放在表单轮廓内。
  2. 在“插入”面板的“CFForm”类别中，单击“CF 图像域”图标。通过浏览以选择要插入的图像，然后单击“确定”。另外，您可以在“源文件”框中输入图像文件的路径。
    注意:

    如果图像位于站点根文件夹之外，则您应将该图像复制到此根文件夹中。如果图像位于根文件夹之外，则发布站点时可能无法访问。

  3. 选择页面中的图像域，在属性检查器中设置以下任一选项：

    Cfimagefield

    可用于为控件指定唯一名称。

    源文件

    可用于指定插入的图像的 URL。

    替换

    可用于指定图像无法显示时的消息。

    对齐

    可用于指定图片的对齐方式。

    边框

    可用于指定图像边框的宽度。

    编辑图像

    在默认图像编辑器中打开图像。

    若要定义默认图像编辑器，请选择“编辑”>“首选参数”>“文件类型/编辑器”。否则，“编辑图像”按钮不执行任何动作。

    验证

    指定图像域的验证类型。

    验证时间为

    指定域的验证时间：onSubmit、onBlur 或 onServer。

    标签

    可用于为单选按钮指定标签。

    模式

    可用于指定 JavaScript 正则表达式模式以验证输入。省略前导斜杠和结尾斜杠。有关详细信息，请参阅 ColdFusion 文档。

    高度

    可用于指定控件的高度（以像素为单位）。

    宽度

    可用于指定控件的宽度（以像素为单位）。

    大小

    可用于指定控件的大小。ColdFusion 服务器在运行时将忽略此属性。

    必填

    可用于指定在将表单提交给服务器前控件是否必须包含数据。

    显示标签编辑器

    可用于编辑属性检查器中未列出的属性。

插入 ColdFusion 文件域

可以以可视方式将 ColdFusion 文件域插入到表单中并设置其属性。使用文件域使用户可以从其计算机中选择文件（如字处理文档或图形文件）并将其上传到服务器。ColdFusion 文件域的外观与其它文本域类似，只是文件域还包含一个“浏览”按钮。用户可以手动输入要上传的文件的路径，也可以使用“浏览”按钮定位并选择该文件。

文件域要求使用 POST 方法将文件从浏览器传输到服务器。该文件被发送到表单的“动作”框中所指定的地址。在表单中使用文件域之前，请与服务器管理员联系，确认允许使用匿名文件上传。

文本域还要求将表单编码设置为 multipart/form。Dreamweaver 在您插入文件域控件时自动设置此编码。

注意:

只有您对运行 ColdFusion MX 7 或更高版本的计算机具有访问权限时，才能使用此增强功能。

  1. 在“设计”视图中，选择“CFForm”以显示其属性检查器。

    若要快速选择表单，请在表单轮廓中的任意位置单击，并在“文档”窗口底部的标签选择器中单击 <cfform> 标签。

  2. 在属性检查器中，将表单方法设置为 POST。
  3. 从“MIME 类型”弹出菜单中选择 multipart/form-data。
  4. 将插入点置于表单轮廓内希望文件域出现的位置。
  5. 选择“插入”>“ColdFusion 对象”>“CFForm”>“CFfilefield”。

    一个文件域随即出现在文档中。

  6. 选择页面中的文件域，在属性检查器中设置以下任一属性：

    Cffilefield

    可用于为控件指定唯一名称。

    最大长度

    可用于指定文件路径可以包含的最大字符数。

    验证

    指定域的验证类型。

    验证时间为

    指定域的验证时间：onSubmit、onBlur 或 onServer。

    标签

    可用于为域指定标签。

    模式

    可用于指定 JavaScript 正则表达式模式以验证输入。省略前导斜杠和结尾斜杠。有关详细信息，请参阅 ColdFusion 文档。

    高度

    可用于指定控件的高度（以像素为单位）。ColdFusion 服务器在运行时将忽略此属性。

    宽度

    可用于指定控件的宽度（以像素为单位）。ColdFusion 服务器在运行时将忽略此属性。

    大小

    可用于指定控件的大小。

    必填

    可用于指定在将表单提交给服务器前文件域是否必须包含数据。

    显示标签编辑器

    可用于编辑属性检查器中未列出的属性。

插入 ColdFusion 日期域

虽然在 Dreamweaver 中不能以可视方式插入 ColdFusion 日期域，但是可以以可视方式设置其属性。ColdFusion 日期域为特殊类型的文本域，用户可以从弹出日历中选择一个日期以将其插入到文本域中。

注意:

只有您对运行 ColdFusion MX 7 或更高版本的计算机具有访问权限时，才能使用此增强功能。

  1. 在“设计”视图中，选择“CFForm”以显示其属性检查器。

    若要快速选择表单，请在表单轮廓中的任意位置单击，并在“文档”窗口底部的标签选择器中单击 <cfform> 标签。

  2. 在属性检查器中，将表单的“格式”属性设置为“Flash”。

    日期域控件只能在基于 Flash 的 ColdFusion 表单中呈现。

  3. 切换到“代码”视图（“视图”>“代码”），然后在开始和结束 CFForm 标签之间的任意位置输入下面的标签： 
    <cfinput name="datefield" type="datefield">
  4. 切换至“设计”视图，选择页面中的日期域，然后在属性检查器中设置以下任一选项：

    Cfdatefield

    可用于为控件指定唯一名称。

    值

    可用于指定当页面在浏览器中第一次打开时要在域中显示的日期。它既可以是静态日期，也可以是动态日期。

    若要指定动态值，请单击“值”框旁的闪电图标，然后在“动态数据”对话框中选择一个记录集列。在浏览器中查看表单时，该记录集列向日期域提供一个值。

    验证

    指定域的验证类型。

    验证时间为

    指定域的验证时间：onSubmit、onBlur 或 onServer。

    标签

    可用于为域指定标签。

    模式

    可用于指定 JavaScript 正则表达式模式以验证输入。省略前导斜杠和结尾斜杠。有关详细信息，请参阅 ColdFusion 文档。

    高度

    可用于指定控件的高度（以像素为单位）。

    宽度

    可用于指定控件的宽度（以像素为单位）。

    大小

    可用于指定控件的大小。

    必填

    可用于指定在将表单提交给服务器前日期域是否必须包含值。

    显示标签编辑器

    可用于编辑属性检查器中未列出的属性。

修改 ColdFusion 表单控件

无论您是在“设计”视图中工作还是在“代码”视图中工作，都可以以可视方式更改 ColdFusion 表单控件的属性。

注意:

只有您对运行 ColdFusion MX 7 或更高版本的计算机具有访问权限时，才能使用此增强功能。

  1. 在“设计”视图中，选择页面上的表单控件；在“代码”视图中，在控件标签内的任意位置单击。

    属性检查器随即显示该表单控件的属性。

  2. 在属性检查器中更改该控件的属性。

    有关详细信息，请单击属性检查器中的“帮助”图标。

  3. 若要设置更多属性，请单击属性检查器中的“显示标签编辑器”按钮，然后在出现的标签编辑器中设置属性。

验证 ColdFusion 表单数据

在 Dreamweaver 中可以建立具有以下功能的 ColdFusion 表单，即检查指定域的内容以确保用户输入了正确的数据类型。

注意:

只有您对运行 ColdFusion MX 7 或更高版本的计算机具有访问权限时，才能使用此增强功能。

  1. 创建一个至少包含一个输入域及一个“提交”按钮的 ColdFusion 表单。确保要验证的每个 ColdFusion 域都具有唯一名称。
  2. 在表单中选择一个要验证的域。
  3. 在属性检查器中，指定要如何验证该域。

    每个输入属性检查器的较下部分都包含可以帮助您定义特定验证规则的控件。例如，您可能希望指定文本域应包含一个电话号码。为此，请在属性检查器中从“值”弹出菜单中选择“电话”。您还可以从“验证时间为”弹出菜单指定验证的时间。

更多此类内容

更快、更轻松地获得帮助

新用户？

快速链接

查看您的所有计划 管理您的计划
查看快速链接
隐藏快速链接

法律声明    |    在线隐私策略

Copyright © 2024 Adobe。保留所有权利。