為HTML5表單設計表單範本 designing-form-templates-for-html-forms

AEM中的HTML5表單元件可將XFA表單範本轉譯為HTML5格式。 表單設計人員可使用以下工具設計表單範本: Forms Designer 和使用HTML5轉譯功能。 這些表單範本及其資產可以存放在AEM存放庫、檔案系統中,或透過http公開。 不過,如果您打算使用Forms Manager管理表單,範本和資產應存放在AEM存放庫中。

雖然HTML5表單在很大程度上符合PDF forms的行為,但兩種格式都有部分功能不適用於其他格式。 例如,Adobe Reader中PDF表單上套用條碼的方式,會因行動表單而異,或是表單的數位簽署方式也會因格式而異。 如需這類變體的詳細資訊,請參閱 HTML5表單與PDF forms之間的功能差異.

如需常見的XFA功能,請參閱下列最佳實務和指導方針,以設計同時適用於兩種格式的表單。

最佳做法 best-practices

設計表單範本的大部分步驟(例如結構描述繫結或撰寫表單邏輯)都是相同的。 不過,由於Adobe Reader等厚型使用者端的轉譯與指令碼引擎以及瀏覽器型表單之間固有的差異,因此中說明了一些 最佳實務 文章。 這些最佳實務可協助您設計表單範本,使其在兩種格式中都能如預期般運作。

適用於HTML5 Forms的AEM Forms Designer功能 capabilities-in-aem-forms-designer-for-html-forms

預覽HTML preview-html

「預覽HTML」標籤會新增至「設計」模式,供表單設計人員在設計過程中以HTML5格式預覽表單。 如需如何在AEM Forms Designer中啟用及設定此功能的詳細資訊,請參閱 預覽HTML.

手寫簽名 scribble-signature

HTML5表單的主要目標是觸控裝置。 因此,在AEM Forms Designer中新增了塗鴉簽名控制項。 您可以按一下或拖放表單範本上的手寫簽名控制項並進行設定。 這會呈現為HTML5轉譯中的草寫欄位,並可用於在觸控裝置上草寫簽名。 在桌上型電腦上,它可以使用滑鼠控制項做為塗鴉欄位。 如需如何使用此功能的詳細資訊,請參閱 XFA手寫欄位.

4

RTF格式 rich-text-format

您可以將文字欄位轉換為RTF文字欄位。 這會新增格式選項清單至文字欄位。 若要轉換,請開啟Forms Designer,選取中的文字欄位 設計檢視. 在 欄位 索引標籤,選取 RTF文字欄位格式 下拉式清單。 現在,當XFA表單呈現為HTML5表單時,該欄位會呈現為RTF文字欄位。 選取 最大化 以檢視其他格式選項。

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2