設計HTML5表單的表單範本

AEM中的HTML5表單元件提供將XFA表單範本轉換為HTML5格式。 表單設計人員可使用Forms Designer來設計表單範本，並使用HTML5轉譯功能。 這些表單範本及其資產可以駐留在AEM儲存庫、檔案系統或透過http公開。 不過，如果您打算使用Forms Manager管理表單，範本和資產應位於AEM儲存庫中。

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

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

最佳做法

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

AEM Forms Designer for HTML5 Forms的功能

預覽HTML

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

塗鴉簽名

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

富格文本格式

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