建立HTML5表單
HTML5表單是Adobe Experience Manager中的新功能,可轉譯HTML5格式的XFA表單範本(xdp)。 此功能可讓您在不支援XFA型PDF的行動裝置和桌上型瀏覽器上轉譯表單。 HTML5表單不僅支援XFA表單範本的現有功能,也新增了適用於行動裝置的新功能,例如手寫簽名。
必備條件
請確定您有AEM Forms的工作執行個體。 請依照安裝指南中的指示安裝並設定AEM Forms
建立您的第一個HTML5表單
- 下載並解壓縮zip檔案的內容。 zip檔案包含xdp和資料檔案
- 瀏覽至Forms和檔案
- 按一下「建立 — >檔案上傳」
- 選取在步驟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