按钮组件

自适应表单中的按钮是一个 UI 元素，通过它，用户在单击时可开始某个操作。按钮元素可用于提交表单、重置表单或执行其他操作，例如导航到不同的页面或触发自定义代码。可使用按钮核心组件创建按钮。

通过自适应表单规则编辑器，用户可为按钮组件设置多种操作。这些操作包括打开网站、显示或隐藏表单组件、添加面板或组件的实例、提交或重置表单等等。

自适应表单还提供单独的按钮组件用于提交或重置表单，但在需要时，也可以将按钮组件配置为执行这些操作。

用户可以使用自适应表单规则编辑器访问按钮组件支持的完整操作列表。通过规则编辑器，用户可创建由单击按钮时、加载表单时或字段值更改时等多种事件触发的规则。然后，可使用这些规则执行多种操作，如显示或隐藏组件、设置字段值或提交表单。

用途

有若干原因使得在自适应表单中加入按钮组件有益，这些原因包括：

• 表单提交：一般使用按钮提交表单，通过该按钮，用户可将其输入的数据发送到服务器以供处理。

• 表单重置：按钮还可用于重置表单，从而清除用户输入的所有数据。

• 导航：按钮可用于在表单的不同部分之间或网站上的不同页面之间导航。

• 事件处理：按钮可用于触发不同的事件，如打开网站、显示/隐藏组件、将面板或组件的实例添加到按钮。

• 交互性：按钮可用于创建交互式表单。例如，按钮可用于打开模式对话框或切换表单的某个部分。

版本和兼容性

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

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

技术详细信息

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

“配置”对话框

通过“配置”对话框，可轻松地自定义您为访客提供的按钮体验。还可轻松地定义按钮属性，从而营造一种无缝的用户体验。

“基本”选项卡

• 名称 - 可在表单和规则编辑器中通过唯一名称轻松地标识表单组件，但该名称不得包含空格或特殊字符。

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

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

• 记录文档绑定引用 - 此选项可让您将自适应表单字段与记录文档字段相关联。当用户在自适应表单的链接字段中输入任何值时，该值也会出现在相应记录文档的链接字段中。例如，可使用记录文档绑定引用根据输入到表单中的客户 ID，在记录文档中显示客户的名称和地址。这样通过 AEM Forms 即可生成记录文档，并为收集和管理数据提供一种无缝的用户体验。

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

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

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

“帮助内容”选项卡

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

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

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

辅助功能

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

“设计”对话框

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

“样式”选项卡

自适应表单按钮核心组件支持 AEM 样式系统。

• 默认 CSS 类：可为自适应表单按钮核心组件提供默认 CSS 类。

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

Business.Adobe.com 资源