建立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轉譯需要Acrobat外掛程式的動態PDF。您必須下載PDF並使用Adobe Acrobat/Reader來開啟它才能檢視

以資料預覽

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

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

探索xdp範本的進階屬性

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

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

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

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

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