PDF 表單透過文字欄位、核取方塊、下拉清單和簽名方塊收集資料。它作為可下載文檔完美運行。但分發 PDF 表單並收集回覆非常麻煩。收件人必須下載該文件，在相容的閱讀器中打開它，填寫，保存，然後透過電子郵件發回。將 PDF 表單欄位轉換為 Web 表單可以消除這些步驟。該表格位於網站上。用戶在瀏覽器中填寫。自動收集回覆。
將 PDF 表單欄位轉換為 Web 表單意味著從 PDF 中提取欄位結構、標籤、類型和驗證規則，並在 HTML 中重新建立它們。 Web 表單保留欄位類型、標籤文字、所需欄位指示符和下拉選項。本指南涵蓋了提取和轉換過程。
PDF 表單到 Web 表單的轉換將靜態文件轉變為互動式線上體驗。
從 PDF 中提取表單欄位數據
使用可以匯出表單域資訊的PDF工具。匯出會產生每個欄位及其名稱、類型、標籤、選項和驗證規則的清單。此資料是 Web 表單的藍圖。每個 PDF 文字欄位都成為 HTML 輸入。每個下拉清單都成為一個 HTML 選擇元素。每個複選框都成為 HTML 複選框輸入。
轉換映射
| PDF 字段 | HTML 元素 | 註釋 |
|---|---|---|
| 文字欄位 | <輸入類型=“文字”> | 保留 PDF 欄位設定的 maxlength |
| 複選框 | <輸入類型=“複選框”> | 按名稱前綴對相關複選框進行分組 |
| 下拉式選單 | <選擇>與 <選項>元素 | 從 PDF 欄位匯出所有選項 |
| 單選按鈕 | <輸入類型＝「無線電」>依名稱分組 | 群組中的每個按鈕共享相同的名稱屬性 |
| 簽名欄 | HTML畫布或第三方簽名元件 | 需要 JavaScript 來捕捉繪圖 |
建置和測試 Web 表單
使用擷取的欄位資料組裝 HTML 表單。新增與 PDF 表單標籤相符的標籤。包括符合 PDF 要求的驗證。在多個瀏覽器中測試表單。驗證所有欄位類型是否正常運作以及驗證功能是否如預期運作。
WukongPDF 可以處理 PDF 表單。 PDF 編輯器提取表單資料是轉換管道中的第一步。
保留表單驗證規則
PDF 表單可以包含欄位的驗證規則。日期欄位可能需要有效的日期格式。電子郵件欄位可能需要 at 符號。將這些驗證規則與欄位資料一起匯出。使用 HTML5 驗證屬性或 JavaScript 在 Web 表單中實作等效驗證。
PDF 表單驗證轉移到 Web 表單保留了原始 PDF 中內建的資料品質控制。
處理必需的欄位指示器
PDF 表單使用視覺指示器（通常是紅色邊框或星號）標記必填欄位。將此指標傳輸到 Web 表單。將 HTML 必需屬性新增至必填欄位。網路表單在提交前強制要求填寫必填欄位。
PDF 編輯器所需的欄位對應可確保 Web 表單具有與 PDF 原始文件相同的完成要求。
收集和儲存 Web 表單回應
網路表單需要一個後端來接收提交內容。配置表單操作以將資料 POST 到伺服器端點。將響應儲存在資料庫中。將響應匯出到 CSV 進行分析。 Web 表單提交管道取代了 PDF 電子郵件和收集工作流程。
PDF Converter Web 表單資料管道可自動收集回應，並消除返回 PDF 表單中的手動資料輸入。
匯出表單欄位屬性以進行 Web 開發
PDF 表單欄位包含 Web 開發人員所需的屬性。欄位名稱、類型、預設值、最大長度、工具提示文字和 Tab 鍵順序。將每個欄位的所有屬性匯出為結構化格式（例如 JSON）。 Web 開發人員使用此資料來建立表單。
PDF 表單欄位屬性匯出提供了 Web 表單開發的完整規格。無需猜測。無需手動轉錄。
所有欄位屬性都採用結構化格式意味著可以透過程式設計方式產生 Web 表單，而不是逐個欄位手動建置。
處理 Web 表單轉換中的計算字段
PDF 表單可以包含根據其他欄位自動計算值的計算欄位。對行項目進行求和的總計欄位。應用百分比的稅收欄位。將這些計算轉換為 Web 表單中的 JavaScript 函數。
PDF 編輯器計算的欄位轉換保留了原始 PDF 表單中內建的自動化功能。
轉換後測試每個計算。輸入範例值並驗證計算結果是否與 PDF 表單行為相符。
設定 Web 表單的樣式以符合 PDF 原始文件
對於看過 PDF 版本的使用者來說，該 Web 表單應該看起來很熟悉。匹配標籤位置、欄位寬度和配色。視覺一致性減少了使用者的困惑並提高了表單完成率。
PDF Converter 在 Web 表單轉換中的視覺保真度不僅僅是美觀。它影響可用性和信任度。
使用 CSS 複製 PDF 版面。將標籤放置在欄位上方或旁邊，就像它們在原始文件中顯示的那樣。
使 Web 表單具有移動響應能力
PDF 表單專為固定頁面尺寸而設計。 Web 表單必須適應手機、平板電腦和桌面螢幕。使用響應式 CSS，在小螢幕上垂直堆疊字段，在大螢幕上水平排列字段。
PDF Tools 行動響應式 Web 表單可以覆蓋任何裝置上的用戶，而不僅僅是桌上型電腦。
在多種螢幕尺寸上測試響應式表單。在桌面上可用但在行動裝置上無法使用的表單會失去一半的潛在使用者。
實施表單提交安全
收集個人資料的 Web 表單必須受到保護。對表單頁面和提交端點使用 HTTPS。實施驗證碼以防止自動提交垃圾郵件。清理輸入資料以防止注入攻擊。
保護 PDF 表單的 PDF 安全原則同樣適用於其等效的 Web 表單。
記錄應用於 Web 表單的安全措施。合規審計員可能會要求提供資料保護控制的證據。
為多步驟表單新增進度指示器
轉換為 Web 表單的長 PDF 表單受益於分成多個步驟。進度指示器向使用者顯示他們已經取得了多大的進展。每個步驟都會收集一組邏輯欄位。多步驟方法減少了表單廢棄。
PDF 表單 多步驟轉換透過將任務分解為可管理的部分來提高長表單的完成率。
儲存部分進度，以便使用者稍後可以返回填寫表單，而不會遺失輸入的資料。
將 Web 表單提交與 CRM 系統集成
Web 表單提交應直接流入組織 CRM 或資料庫。配置表單端點以將資料發佈到 CRM API。新提交會自動建立聯絡人、更新記錄或觸發工作流程。
PDF 編輯器 Web 表單 CRM 整合消除了將表單資料輸入業務系統的手動步驟。
轉換後的 Web 表單的輔助使用合規性
Web 表單必須符合 WCAG 可存取性標準。將 ARIA 標籤新增至表單欄位。確保鍵盤導航正常運作。提供螢幕閱讀器可以解讀的清晰錯誤訊息。
適用於 PDF 表單的 PDF 輔助功能標準同樣適用於其等效的 Web 表單。
處理 Web 表單轉換中的文件上傳字段
PDF 表單可以包含文件附件字段，使用者可以在其中附加支援文件。將它們轉換為 HTML 文件輸入元素，並使用限制允許的文件類型的接受屬性。配置伺服器以處理多部分錶單提交。
PDF 表單 檔案上傳轉換需要客戶端和伺服器端實作。
新增表單提交的電子郵件通知
配置 Web 表單以在收到提交時發送電子郵件通知。通知可以包含提交的資料或用於在管理儀表板中查看資料的連結。
PDF 編輯器電子郵件通知功能取代了手動檢查返回的 PDF 表單。
建立用於表單提交管理的管理儀表板
建立一個儀表板，授權使用者可以在其中查看、搜尋、匯出和管理表單提交。儀表板提供對所有收集資料的集中存取。
PDF 轉換器 管理儀表板以可搜尋資料庫取代傳回的 PDF 表單的資料夾。