条款和条件组件

条款和条件 ​组件是指表单中的一个概述用户在使用服务或访问内容时必须同意或遵守的条款、规则和条件的部分。

条款和条件 ​组件是一个复合组件,由文本、复选框和链接组件构成。文本组件包含标题以及条款和条件的用途和范围的简要概述。它还包括用于征得用户明确同意的复选框。您也可以将同意文本替换为链接。

NOTE
对于 AEM 6.5 Forms,此组件是随 AEM 6.5 Forms 服务包 19 (6.5.19.0) 引入的。要启用此组件,请确保安装了 Forms 核心组件和 WCM 核心组件的必要版本。有关自适应表单核心组件版本的详细信息,请参阅自适应表单核心组件版本

示例

条款和条件

请参阅条款和条件组件的子组件部分,详细了解条款和条件组件的其他组件。

用途 reasons-to-use-termsandconditions

  • 用户协议:此组件充当服务提供商和用户之间的协议。用户必须先确认并同意这些条款,之后才能访问服务或内容。

  • 合规:它通过概述双方的权利、责任和义务,确保服务提供商的合规性并受到保护。

  • 注册过程:注册或登记表单包括​ 条款和条件 ​组件,要求用户先明确同意这些条款,之后才能创建帐户或使用服务。

  • 电子商务交易:在线网站包括​ 条款和条件 ​组件,用于在网上购物前的结帐过程中提示用户同意条款和条件。

  • 安全和隐私协议:该​ 条款和条件 ​组件包括有关如何收集、存储和使用用户数据的详细信息,通常由单独的隐私政策进行补充

版本和兼容性 version-and-compatibility

2023 年 2 月作为 Cloud Service 核心组件 2.0.62 和 AEM 6.5.16.0 Forms 或更高版本核心组件 1.1.28 的一部分发布了自适应表单可折叠项面板核心组件。下表显示所有支持的版本、AEM 兼容性以及相应文档的链接:

组件版本
AEM as a Cloud Service
AEM 6.5.16.0 Forms 或更高版本
v1

版本 2.0.62 和更高版本兼容

版本 1.1.28 及更高但低于 2.0.0 的版本兼容。

有关核心组件版本的信息,请参阅核心组件版本文档。

技术详细信息 technical-details

可在 GitHub 上的技术文档中获得关于自适应表单条款和条件核心组件的最新信息。有关开发核心组件的更多信息,请参阅核心组件开发人员文档

“配置”对话框 configure-dialog

通过“配置”对话框,可轻松地自定义您为访客提供的条款和条件组件体验。还可轻松地定义条款和条件选项,从而营造一种无缝的用户体验。

“基本”选项卡

“基本”选项卡

  • 名称 - 名称在规则编辑器中唯一标识组件。名称字符串中不允许使用特殊字符和空格。

  • 标题 - 通过组件的标题,可轻松地标识表单中的组件,默认情况下,标题显示在该组件的顶部。如果不添加标题,则显示该组件的名称而非标题文本。

  • 允许标题为富文本:此功能使用户能够格式化纯文本标题,结合粗体、斜体、下划线文本、各种字体、字体大小、颜色和附加选项等功能,以增强视觉呈现和定制效果。它提供了更大的灵活性以及对创作的控制度,使标题在文档、网站或应用程序中脱颖而出。
    选中​ 允许标题为富文本 ​复选框后,可以看到格式化选项,用于设置组件标题的样式。要访问所有可用的格式选项,您可以点击 全屏图标 选项卡。

    富文本支持

  • 显示审批选项 - 选中此选项可显示用于征得用户明确同意的同意复选框。

  • 显示为弹出窗口 - 选中此选项可在弹出窗口中显示条款和条件组件。

  • 将同意文本替换为 Web 链接:选中此选项可将同意文本替换为 Web 链接。如果未选中此选项,则默认显示同意文本。

  • 隐藏标题 - 选中此选项可隐藏该组件的标题。

  • 表单提交时对子组件的数据进行分组(将数据包装在对象中) - 选择该选项后,子组件中的数据将嵌套在父组件的 JSON 对象中。但是,如果未选择该选项,则提交的 JSON 数据具有扁平结构,没有父组件的对象。例如:

    • 选择该选项后,子组件中的数据(例如,街道、城市和邮政编码)将作为 JSON 对象嵌套在父组件(地址)中。这将创建一个层次结构,并且数据组织在父组件下。

      提交数据的结构:

      code language-json
      { "Address":
      
      { "Street": "123 Main Street", "City": "New York", "Zip Code": "12345" }
      
      }
      
    • 当未选择该选项时,提交的 JSON 数据具有扁平结构,没有父组件(地址)的对象。所有数据都处于同一级别,没有任何层级组织。

      提交数据的结构:

      code language-json
         { "Street": "123 Main Street", "City": "New York", "Zip Code": "12345" }
      
  • 绑定引用 - 绑定引用是对存储在外部数据源中并在表单中使用的数据元素的引用。通过绑定引用,可动态地将数据绑定到表单字段,以使表单可显示来自数据源的最新数据。例如,可使用绑定引用,根据输入到表单中的客户 ID,在该表单中显示该客户的姓名和地址。还可使用绑定引用,通过输入到表单中的数据更新数据源。这样通过 AEM Forms 即可创建与外部数据源交互的表单,从而为收集和管理数据提供一种无缝的用户体验。

  • 隐藏组件 - 选中此选项以从表单中隐藏该组件。仍可访问该组件作其他用途,如在规则编辑器中使用它进行计算。当需要存储用户无需看到或直接更改的信息时,此项很有用。

  • 禁用组件 - 选中此选项以禁用该组件。被禁用的组件不再活跃或最终用户无法编辑它。用户可看到但无法修改字段的值。仍可访问该组件作其他用途,如在规则编辑器中使用它进行计算。

  • 只读 - 选中此选项以使组件不可编辑。用户可看到但无法修改字段的值。仍可访问该组件作其他用途,如在规则编辑器中使用它进行计算。

“帮助内容”选项卡 help-content-tab

“帮助内容”选项卡

  • 简短描述 - 简短描述是一段简短的文字说明,其中提供关于特定表单字段的用途的其他信息或阐述。它帮助用户了解应将什么类型的数据输入到字段中,并可提供准则或示例以帮助确保所输入的信息有效且符合预期的标准。默认情况下,简短描述保持隐藏状态。启用​ 始终显示简短描述 ​选项以在组件下方显示它。

  • 始终显示简短描述 - 启用该选项以在组件下方显示简短描述。

  • 帮助文本 - 帮助文本是指提供给用户以帮助其正确填写表单字段的其他信息或指导。当用户单击组件旁的“帮助”图标 (i) 时显示它。帮助文本提供比表单字段的标签或占位符文本更详细的信息,旨在帮助用户了解该字段的要求或限制。它还可提供建议或示例,以使填写表单更轻松且更准确。

“辅助功能”选项卡

“辅助功能”选项卡

  • 屏幕阅读器文本 - 屏幕阅读器文本是指专供由视障人士使用的屏幕阅读器等辅助技术读取的附加文本。此文本提供表单字段用途的音频描述,并可包括关于字段的标题、描述、名称和任何相关消息(自定义文本)的信息。屏幕阅读器文本帮助确保包括视障用户在内的所有用户均可访问表单,并使其完整地了解表单字段及其要求。

    • 自定义文本:选中此选项以将自定义文本用于 ARIA 辅助功能标签。选中此选项将显示“自定义文本”对话框。可在“自定义文本”对话框中添加相关信息。
    • 描述:选中此选项以将描述用于 ARIA 辅助功能标签。
    • 标题:选中此选项以将标题用于 ARIA 辅助功能标签。
    • 名称:选中此选项以将名称用于 ARIA 辅助功能标签。
    • :如果不想为 ARIA 辅助功能标签添加任何内容,请选中此选项。
  • 用于读出内容的屏幕阅读器的 HTML 角色 - HTML 角色是一个属性,用于向屏幕阅读器等辅助技术指定 HTML 元素的用途。角色属性用于为元素提供额外的上下文和语义,使屏幕阅读器更容易向用户解释和读出内容。例如,在 AEM Forms 中,表单字段的标签可能具有“标签”的作用,其输入字段可能具有“文本框”的作用。这有助于屏幕阅读器理解标签和输入字段之间的关系,并正确地向用户读出内容。

“设计”对话框 design-dialog

“设计”对话框用于定义和管理条款和条件组件的 CSS 样式。

“样式”选项卡 styles-tab

该选项卡用于定义和管理组件的 CSS 样式。自适应表单条款和条件核心组件支持 AEM 样式系统

“设计”对话框

  • 默认 CSS 类:可为自适应表单条款和条件核心组件提供默认 CSS 类。

  • 允许使用的样式:可通过提供名称和表示样式的 CSS 类而定义样式。例如,您可以创建一个名为“bold text”的样式,并提供 CSS 类“font-weight: bold”。可使用这些样式或将其应用于自适应表单编辑器中的自适应表单。要应用样式,请在自适应表单编辑器中选择要将样式应用于的组件,导航到“属性”对话框,然后从​ 样式 ​下拉列表中选择所需的样式。如果您需要更新或修改样式,只需返回“设计”对话框,在“样式”选项卡中更新样式,然后保存更改。

自定义属性

“自定义属性”对话框

通过自定义属性,您可使用表单模板将自定义属性(键值对)关联到自适应表单核心组件。自定义属性反映在组件 Headless 演绎版的属性部分中。它可让您创建根据自定义属性值进行调整的动态表单行为。例如,开发人员可以为移动、桌面或 Web 平台设计 Headless 表单组件的各种演绎版,从而大大提升各种设备上的用户体验。

  • 组名称:您可以提供名称来标识自定义属性组。您可以添加、删除或重新排列多个自定义属性组。添加自定义属性组后,可看到以下选项:

    • 键值对:您可以通过单击“添加”按钮,为每个自定义属性组添加多个自定义属性名称和自定义属性值。

    • 删除:点按或单击此项可删除自定义属性名称和自定义属性值。

    • 重新排列:点按或单击并拖动可重新排列自定义属性名称和自定义属性值的顺序。

条款和条件组件的子组件 sub-component

条款和条件 ​组件是一个复合组件,它包含以下子组件:

该组件将同意文本替换为一个或多个 Web 链接。它用于用户寻求提供对特定部分、附加信息或外部文档的引用的场景。通过“配置”对话框,可以轻松单独为访客自定义​ 链接 ​组件。

“基本”选项卡

“基本”选项卡

  • 名称 - 名称在规则编辑器中唯一标识组件。名称字符串中不允许使用特殊字符和空格。

  • 标题 - 通过组件的标题,可轻松地标识表单中的组件,默认情况下,标题显示在该组件的顶部。如果不添加标题,则显示该组件的名称而非标题文本。

  • 允许标题为富文本:此功能使用户能够使用粗体、斜体、字体样式、颜色和对齐方式等选项来对标题进行格式化,从而增强视觉呈现和定制效果。它提供了更大的灵活性以及对创作的控制度,使标题在文档、网站或应用程序中脱颖而出。
    选中​ 允许标题为富文本 ​复选框后,可以看到格式化选项,用于设置组件标题的样式。要访问所有可用的格式选项,您可以点击 全屏图标 选项卡。

    富文本支持

  • 隐藏标题 - 选中此选项可隐藏该组件的标题。

  • 链接 - 指定链接和用于替代同意文本的相应显示文本。可单击​ “添加” ​按钮来添加多个链接。添加新选项后,可以执行以下操作:

    • 链接 - 通过此选项,可输入在选择某个选项时要重定向的 URL。
    • 显示文本 - 通过此选项,可输入要在自适应表单中显示的内容。
    • 删除 - 点击或单击此选项可删除单选按钮的选项。
    • 重新排列 - 点击或单击并拖动以重新排列选项的顺序。

    您还可以使用​ 允许选项为富文本 ​对复选框组的选项进行格式化。选中​ 允许选项为富文本 ​复选框后,格式化选项变得可见,以设置组件选项的样式。要访问所有可用的格式选项,您可以点击Fullscreen 全屏图标 选项卡。

    针对选项的富文本支持

  • 绑定引用 - 绑定引用是对存储在外部数据源中并在表单中使用的数据元素的引用。通过绑定引用,可动态地将数据绑定到表单字段,以使表单可显示来自数据源的最新数据。例如,可使用绑定引用,根据输入到表单中的客户 ID,在该表单中显示该客户的姓名和地址。还可使用绑定引用,通过输入到表单中的数据更新数据源。这样通过 AEM Forms 即可创建与外部数据源交互的表单,从而为收集和管理数据提供一种无缝的用户体验。

  • 标记为未绑定表单元素:选择此选项可配置未链接到任何架构的表单字段。利用此选项,您可以保存数据而不更新数据源。它还可让您以一种独立于标准数据库集成的自定义方式处理数据。

  • 隐藏组件 - 选中此选项以从表单中隐藏该组件。仍可访问该组件作其他用途,如在规则编辑器中使用它进行计算。当需要存储用户无需看到或直接更改的信息时,此项很有用。

  • 禁用组件 - 选中此选项可禁用或锁定该组件。被禁用的组件不再活跃或最终用户无法编辑它。用户可看到但无法修改字段的值。仍可访问该组件作其他用途,如在规则编辑器中使用它进行计算。

  • 只读 - 选中此选项以使组件不可编辑。用户可看到但无法修改字段的值。仍可访问该组件作其他用途,如在规则编辑器中使用它进行计算。

“验证”选项卡

“验证”选项卡

  • 必需 - 如果要在自适应表单中显示该组件,请选中此选项。选择此选项后,您必须先做出选择,之后才能继续提交表单。选中此选项后,无法在​ 基本 ​选项卡中选择​ 隐藏组件 ​或​ 禁用组件

  • 错误消息 - 通过此选项,可输入如果选中了​ 必需 ​复选框并将表单字段留空,所显示的消息。

  • 脚本验证消息 - 通过此选项,可输入如果脚本验证失败,所显示的消息。

“帮助内容”选项卡 helpcontent-tab

“帮助内容”选项卡

  • 简短描述 - 简短描述是一段简短的文字说明,其中提供关于特定表单字段的用途的其他信息或阐述。它帮助用户了解应将什么类型的数据输入到字段中,并可提供准则或示例以帮助确保所输入的信息有效且符合预期的标准。默认情况下,简短描述保持隐藏状态。启用​ 始终显示简短描述 ​选项以在组件下方显示它。

  • 始终显示简短描述 - 启用该选项以在组件下方显示简短描述。

  • 帮助文本 - 帮助文本是指提供给用户以帮助其正确填写表单字段的其他信息或指导。当用户单击组件旁的“帮助”图标 (i) 时显示它。帮助文本提供比表单字段的标签或占位符文本更详细的信息,旨在帮助用户了解该字段的要求或限制。它还可提供建议或示例,以使填写表单更轻松且更准确。

“辅助功能”选项卡

“辅助功能”选项卡

  • 屏幕阅读器文本 - 屏幕阅读器文本是指专供由视障人士使用的屏幕阅读器等辅助技术读取的附加文本。此文本提供表单字段用途的音频描述,并可包括关于字段的标题、描述、名称和任何相关消息(自定义文本)的信息。屏幕阅读器文本帮助确保包括视障用户在内的所有用户均可访问表单,并使其完整地了解表单字段及其要求。

    • 自定义文本:选中此选项以将自定义文本用于 ARIA 辅助功能标签。选中此选项将显示“自定义文本”对话框。可在“自定义文本”对话框中添加相关信息。
    • 描述:选中此选项以将描述用于 ARIA 辅助功能标签。
    • 标题:选中此选项以将标题用于 ARIA 辅助功能标签。
    • 名称:选中此选项以将名称用于 ARIA 辅助功能标签。
    • :如果不想为 ARIA 辅助功能标签添加任何内容,请选中此选项。

文本组件 text

文本 ​组件显示用于向用户提供信息的文本内容。该组件包括实际的条款和条件、法律语言或任何其他相关的文本信息。

通过“配置”对话框,可以轻松单独为访客自定义文本组件。要轻松定义文本选项以实现无缝用户体验,请使用文本组件的“配置”对话框

复选框组件 checkbox

复选框用于征得用户同意或确认。它作为一个可视指示器,表明用户已阅读并同意所述条款。必须选中此复选框以表示用户同意。

通过“配置”对话框,可以轻松单独为访客自定义复选框组件。要定义复选框的属性以实现无缝用户体验,请使用复选框组件的“配置”对话框

相关文章 related-articles

另请参阅 see-also

recommendation-more-help
d2be9096-a81e-404b-9952-d8925af7219c