設計HTML5表單的表單範本

選件中的HTML5表單元AEM件會將XFA表單範本轉換為HTML5格式。 表單設計人員可使用Forms設計人員來設計表單範本,並使用HTML5轉譯功能。 這些表單範本及其資產可以駐留在儲存AEM庫、檔案系統或透過http公開。 但是,如果您打算使用Forms管理器管理表單,則模板和資產應駐留在儲存庫AEM中。

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

如需常見的XFA功能,請參閱下列最佳實務和准則,以設計兩種格式的表格。

最佳做法

設計表單範本(例如架構系結或寫入表單邏輯)的大部分步驟都相同。 但是,由於厚型用戶端(如Adobe Reader)的轉換和指令碼引擎與以瀏覽器為基礎的表單之間有內在差異,因此最佳實務文章中會說明一些建議。 這些最佳實務可協助您設計表單範本,以在兩種格式中都能如預期般運作。

AEM Forms設計人員HTML5Forms的功能

預覽HTML

「預覽HTML」索引標籤會新增至「表單設計人員的設計」模式中,以在設計程式期間預覽HTML5格式的表單。 有關如何在AEM Forms設計器中啟用和配置此功能的詳細資訊,請參閱預覽HTML

塗鴉簽名

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

4

富格文本格式

您可以將文字欄位轉換為豐富式文字欄位。 它會在文字欄位中新增格式選項清單。 若要轉換,請開啟「Forms設計器」,點選「設計檢視」中的文字欄位。 ​在​欄位​頁籤中,從​欄位格式​下拉清單中選擇​富格文本。 現在,當XFA表單轉譯為HTML5表單時,該欄位會轉譯為RTF欄位。 點選「最大化」以檢視其他格式選項。

本頁內容

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
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