为HTML5表单设计表单模板

AEM中的HTML5表单组件提供将XFA表单模板渲染为HTML5格式。 表单设计人员可以使用以下工具设计表单模板 Forms设计器 和使用HTML5呈现版本功能。 这些表单模板及其资产可以驻留在AEM存储库、文件系统中,或通过http公开。 但是,如果您计划使用Forms Manager管理表单,则模板和资产应驻留在AEM存储库中。

虽然HTML5表单在很大程度上与PDF forms的行为相匹配,但两种格式都存在一些不适用于其他格式的特征。 例如,Adobe Reader中对PDF表单应用条形码的方式与移动设备表单有所不同,表单的数字签名方式也因格式而异。 有关此类变体的更多信息,请参阅 HTML5表单和PDF forms之间的功能区别.

有关常见XFA功能,请参阅以下最佳实践和准则来设计可同时用于两种格式的表单。

最佳实践

设计表单模板的大多数步骤(如架构绑定或编写表单逻辑)都是相同的。 但是,由于大型客户端(如Adobe Reader)的渲染引擎和脚本编写引擎与基于浏览器的表单存在固有差异,因此中介绍了一些建议 最佳实践 文章。 这些最佳实践可帮助您设计可在两种格式中按预期使用的表单模板。

适用于HTML5 Forms的AEM Forms Designer中的功能

预览HTML

“预览HTML”选项卡会添加到“设计”模式中,以供表单设计者在设计过程中以HTML5格式预览表单。 有关如何在AEM Forms Designer中启用和配置此功能的详细信息,请参阅 预览HTML.

连笔签名

HTML5表单的主要目标是触摸设备。 因此,在AEM Forms Designer中添加了新的涂写签名控件。 您可以单击或拖放表单模板上的涂写签名控件并对其进行配置。 它在HTML5呈现中呈现为涂写字段,可用于在触控设备上涂写签名。 在桌面计算机上,它可以使用鼠标控制作为涂写字段。 有关如何使用此功能的更多信息,请参阅 XFA涂写字段.

4

富文本格式

您可以将文本字段转换为富文本字段。 它向文本字段添加一个格式设置选项列表。 要转换,请打开Forms Designer,点按中的文本字段 设计视图. 在 字段 选项卡,选择 富文本字段格式 下拉列表。 现在,当XFA表单呈现为HTML5表单时,该字段呈现为富文本字段。 点按 最大化 查看其他格式选项。

在此页面上