建立HTML5表單

HTML5表單是Adobe Experience Manager中的新功能,可轉譯HTML5格式的XFA表單範本(xdp)。 此功能可讓您在不支援XFA型PDF的行動裝置和桌上型瀏覽器上轉譯表單。 HTML5表單不僅支援XFA表單範本的現有功能,也新增了適用於行動裝置的新功能,例如手寫簽名。

必備條件

請確定您有AEM Forms的工作執行個體。 請遵循 安裝指南 安裝及設定AEM Forms

建立您的第一個HTML5表單

  1. 下載並解壓縮zip檔案的內容. zip檔案包含xdp和資料檔案
  2. 導覽至Forms和檔案
  3. 按一下「建立 — >檔案上傳」
  4. 選取在步驟2中下載的xdp範本

以HTML預覽

可以以HTML5格式或PDF格式預覽xdp。 若要以HTML5格式預覽xdp,請遵循下列步驟

  • 點選新上傳的xdp並按一下 預覽 — >以HTML預覽. 您應該會看到xdp呈現為HTML5
NOTE
當您選取 以PDF預覽 選項演算後的PDF不會顯示在瀏覽器中,因為AEM Forms演算動態pdf時會需要Acrobat外掛程式。您必須下載PDF並使用Adobe Acrobat/Reader開啟它才能檢視

以資料預覽

若要使用資料檔案預覽HTML5格式的xdp,請遵循下列步驟:

  • 點選新上傳的xdp並按一下 預覽 — >使用資料預覽. 瀏覽並選取資料檔案並按一下 預覽.
  • 您應該會看到範本以HTML5格式呈現並預先填入資料

探索xdp範本的進階屬性

xdp範本的進階屬性可讓您指定發佈日期、提交處理常式、表單的轉譯設定檔、預填服務等。 若要檢視範本的進階屬性,請點選xdp並按一下 properties -> Advanced. 您可在這裡找到許多屬性。 此處說明其中一些屬性。

提交URL — 這是將處理您的HTML5表單提交的URL。 我們將在下一個課程中說明。 如果未在此指定提交URL,則會叫用預設提交處理常式,以將表單資料傳回瀏覽器。

HTML演算設定檔 -HTML5表單具有公開為REST端點的設定檔概念,以啟用表單範本的行動呈現。 預設演算設定檔大多數時候應該足以演算表單。 如果預設的演算設定檔不符合您的需求, 自訂設定檔 可建立表單並與之建立關聯。

預填服務 — 預填服務通常用於以從後端資料來源擷取的資料填入您的表單。

recommendation-more-help
8de24117-1378-413c-a581-01e660b7163e