建立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演算動態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