設計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)和瀏覽器型表單的轉譯和指令碼引擎之間固有的差異,best practices文章中已說明一些建議。 這些最佳實務可協助您設計表單範本,以便以兩種格式如預期般運作。

AEM Forms Designer中用於HTML5 Forms的功能

預覽HTML

「預覽HTML」頁簽會在「設計」模式中添加,以便「表單設計者」在設計過程中以HTML5格式預覽表單。 如需如何在AEM Forms Designer中啟用和設定此功能的詳細資訊,請參閱預覽HTML

手寫簽名

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

4

RTF格式

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

本頁內容