Adaptive Form Block 组件及其属性
适用于 AEM Forms 的 Edge Delivery Services 允许您使用各种组件创建用户友好型交互式表单。这些组件可满足不同类型的数据收集需求,并且可以轻松定制以满足您的特定需求。
Adaptive Forms Block 为所有字段类型和容器(面板)生成统一的 HTML 结构,确保一致性。这种一致性结构让表单样式设计变得更加容易。
可用组件
以下是可用组件的概述:
输入字段
- 所有有效的 HTML5“input types”和“textarea”。例如,按钮、复选框、颜色、日期、本地日期时间、电子邮件、文件、隐藏、图像、月份、数字、密码、单选、范围、重置、提交、电话、文本、时间、URL 和星期。
选择控件
容器
组件属性
每个表单组件都带有各种属性,允许您控制其行为和外观。这里是 Adaptive Forms Block 组件支持的属性:
属性
适用组件
详细信息
类型
所有
指定组件的类型。该属性决定输入字段的行为和外观。例如,对于文本输入,类型可以是“文本”、对于电子邮件输入来说是“电子邮件”、对于密码输入来说是“密码”。Adaptive Forms Block 支持所有有效的 HTML5 输入类型、文本区、选择和字段集作为类型。
名称
所有
标识表单提交的组件。名称属性在将表单数据提交到服务器时使用,将用户输入与特定字段相关联。
标签
所有
向用户提供上下文信息。标签是显示在组件旁边的文本,指导用户输入哪些信息。
价值
文本、密码、电子邮件、数字、范围、日期及其变体(本地日期时间、月、周、时间)、复选框、单选、隐藏、提交、按钮
指定组件的初始值。对于文本输入、文本区域和选择元素,这是显示的默认文本或选项。对于单选和复选框组件,这是选择它们时提交的值/数据。值属性可选,但对于复选框和单选输入应视为必要属性。
占位符
文本、电话、电子邮件、密码、日期(及其变体,如月、周、时间、本地日期时间)、数字、范围
提供预期输入的提示。占位符属性提供一个简短的提示,描述输入字段的预期值。一旦用户开始输入,该提示就会消失。
描述
所有
提供有关组件的附加信息并用作帮助文本。描述字段可进一步解释填写该组件的目的或说明。它帮助用户理解输入字段的上下文。
可见
所有
控制初始可见性。可见性属性是一个布尔属性,用于确定在加载表单时组件最初是可见还是隐藏状态。如果设置为 true,则显示该字段;否则,字段隐藏。
必填
文本、电话、电子邮件、密码、日期及其变体(本地日期时间、月、周、时间)、数字、复选框、单选、文件、选择(下拉菜单)、文本区域
指示提交前是否必须填写该字段。必要属性是一个布尔属性,用于指定用户在提交表单之前是否必须为字段提供输入。
最小值
日期(及其变体,如月、周、时间、本地日期时间)、数字、范围
指定允许的最小值。“最小值”属性设置用户可以在字段中输入的最小值。例如,对于数字输入,该属性定义了可接受的最低数字。
最大值
日期(及其变体,如月、周、时间、本地日期时间)、数字、范围
指定允许的最大值。“最大值”属性设置用户可以在字段中输入的最小值。例如,对于日期输入,该属性定义可接受的最高日期。
接受
文件
定义允许的文件类型。“接受”属性是一个以逗号分隔的唯一文件类型说明符列表,用于限制用户可以在文件输入字段中选择的文件类型。
多个
文件
允许多选。“多选”属性是与文件输入字段一起使用的布尔属性。当设置为 true 时,用户可以选择多个文件。
选项
下拉列表
指定下拉菜单的选项。“选项”属性是一个以逗号分隔的下拉菜单选项列表,定义向用户显示的可选选项。
已选中
复选框、单选按钮
确定默认情况下是否选择该字段。“已选中”属性是与复选框和单选输入一起使用的布尔属性。当设置为 true 时,表示加载表单时默认选择该字段。
字段集
所有
对字段进行分组以在表单中创建视觉上不同的部分。“字段集”元素将表单中的相关字段分组,在视觉上将字段分开以改善组织和用户体验。
要组织字段集中的一组字段,只需使用
要组织字段集中的一组字段,只需使用
fieldset
属性并指定其“名称”属性即可。在下面的示例中,我们演示了如何将单选按钮封装在单个字段集中,以便更好地组织。
可重复
所有
fieldset
的布尔值属性表示特定字段集可以重复指定的 Min
和 Max
次数。 Min
属性应设置为 1 或更大的值,请勿将 Min
属性设置为 0。可见表达式
所有
可见表达式指的是电子表格公式,由“=”标记表示,用于控制字段的可见性。在这个公式中,只能使用其他字段的值属性,以便直接管理系统内的字段可见性。
值表达式
所有
值表达式指的是电子表格公式,由“=”标记表示,用于控制字段的值。在这个公式中,只能使用其他字段的值属性,以便直接管理系统内的字段值。
另请参阅
recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab