设计HTML5表单的表单模板

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

虽然HTML5表单在很大程度上与PDF forms的行为相符,但两种格式中都有一些功能不适用于其他格式。 例如,在Adobe Reader中,条码在PDF表单上的应用方式与移动表单不同,或表单的数字签名方式也因格式而异。 有关此类变量的详细信息,请参阅HTML5表单与PDF forms之间的功能区分

有关常见的XFA功能,请参阅以下最佳做法和指南来设计一种可同时使用两种格式的表单。

最佳实践

设计表单模板(如模式绑定或编写表单逻辑)的大多数步骤都是相同的。 但是,由于厚客户端(如Adobe Reader)的呈现和脚本引擎与基于浏览器的表单之间固有的差异,在最佳做法文章中描述了一些建议。 这些最佳实践可帮助您设计表单模板,使其在两种格式中均能正常工作。

AEM Forms Designer中用于HTML5 Forms的功能

预览HTML

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

连笔签名

HTML5表单的关键目标是触控设备。 因此,AEM Forms Designer中添加了新的涂抹签名控件。 您可以单击或拖放表单模板上的涂抹签名控件并对其进行配置。 它在HTML5再现中呈现为涂抹字段,可用于在触控设备上涂抹签名。 在台式机上,可以使用鼠标控件将其用作涂抹字段。 有关如何使用此功能的详细信息,请参阅XFA Scribble Field

4

富文本格式

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

On this page

Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now