Tips & Tricks

如何為可填寫的 PDF 表單新增下拉式選單

下拉式選單也稱為組合方塊或選擇列表,是可新增至可填寫 PDF 表單中的最有用的互動元素之一。下拉清單不會要求使用者手動輸入回應,而是會顯示預先定義的選項清單。這可以減少輸入錯誤,加快表單完成速度,並使收集的資料在所有提交中保持一致。無論您是在建立工作申請、訂單還是病患入院文檔,下拉欄位都可以幫助您準確控製表單資料中最終出現的值。

大多數 PDF 編輯器支援下拉式選單創建,但具體步驟因平台而異。 Adobe Acrobat Pro 提供最深入的表單創作工具包。線上PDF 表格編輯器提供了更簡單、基於瀏覽器的替代方案。您選擇的方法取決於您擁有的軟體、預算以及您是否需要多重選擇清單、自動填入選項或 JavaScript 驗證等進階功能。本指南介紹了三種工作方法,並涵蓋了對於實際表單設計最重要的自訂選項。

熟悉下拉配置需要一次練習。一旦您了解了所選工具中的屬性面板,您就可以按照表單所需的任何組合新增下拉清單、單選按鈕、核取方塊和文字欄位。

如果您需要一種無需安裝桌面軟體即可快速建立互動式表單的方法,WukongPDF 可讓您直接在瀏覽器中新增下拉式功能表、文字欄位和核取方塊。 可填入 PDF 編輯器可即時儲存您的工作並產生可在任何標準 PDF 閱讀器中正確開啟的表單。

How to Add a Dropdown Menu to a Fillable PDF Form

下拉選單在 PDF 表單中有何作用?

每個下拉欄位都儲存一個選項列表,並允許使用者從該列表中選擇一個值或多個值(如果啟用了多選)。所選值與表單資料一起儲存,並且可以作為 CSV、XML 或資料庫記錄的一部分匯出。當事先知道一組有效答案時,下拉式選單是理想的選擇:從 50 個州的清單中選擇一個州、選擇一個部門名稱、選擇一個產品 SKU 或指定 T 卹尺寸。

與單選按鈕相比,下拉式選單佔用的視覺空間要少得多。單一下拉欄位可以包含數十個選項,而不會擾亂頁面佈局。對於包含許多問題的表單,使用下拉式選單而不是大型單選按鈕組可以使文件緊湊且更易於瀏覽。根據 Nielsen Norman Group 的說法,緊湊的表單佈局可以讓使用者感覺表單更短,從而減少放棄(Nielsen Norman Group,網站表單可用性研究,2024 年)。

下拉清單也可以配置與顯示文字不同的匯出值。例如,使用者可能會看到加利福尼亞州,但匯出的資料記錄為 CA。當表單輸入需要縮寫程式碼的資料庫時,此功能非常有用。大多數專業 PDF 工具都會在「選項」標籤下的欄位屬性對話方塊中公開此設定。

WukongPDF

嘗試編輯 PDF

無需安裝。直接在您的瀏覽器中工作。

立即開始 →

方法 1:使用 Adobe Acrobat Pro 新增下拉式選單

Adobe Acrobat Pro 包含最完整的表單創作工具集,是在專業環境中建立複雜互動式 PDF表單的標準選擇。準備表單模式會自動偵測表單欄位可能所屬的位置,並允許您手動新增下拉清單、列錶框、文字欄位和簽章區塊。

在 Acrobat Pro 中開啟 PDF 並選擇“工具”,然後選擇“準備表單”。如果文件已包含表單欄位佔位符,Acrobat 將嘗試偵測它們。否則,請按一下工具列中的下拉圖示(它看起來像帶有向下箭頭的小矩形),然後將欄位繪製到頁面上。拖曳角落以設定所需的寬度並將欄位精確定位在您想要的位置。

雙擊新的下拉欄位以開啟“屬性”對話框。在「一般」標籤下,指定一個唯一的欄位名稱,例如「部門」或「產品類別」。避免在欄位名稱中使用空格和特殊字符,因為它們可能會在匯出資料時導致問題。在「選項」標籤下,將每個清單項目鍵入「項目」字段,然後在每個條目後按一下「新增」。使用向上和向下箭頭對項目重新排序。如果您希望第一項用作提示而不是可選值,請將第一項留空並帶有描述性標籤,例如 -- Select One --。

「選項」標籤還包括一個複選框,允許使用者輸入自訂文字。僅當您希望使用者鍵入不在預先定義清單中的值時才啟用此選項。對於大多數業務表單,不檢查此選項可確保資料一致性。在「操作」標籤下,您可以附加在選擇變更時觸發的 JavaScript,例如根據所選值顯示或隱藏其他欄位。設定所有屬性後,關閉對話方塊並儲存 PDF。透過在 PDF 閱讀器中開啟檔案並點擊每個選項來測試下拉清單。

方法 2:使用線上 PDF 編輯器新增下拉式選單

線上 PDF 編輯器已成為桌面軟體向 PDF 添加表單欄位的實用替代方案。它們完全在瀏覽器中運行,無需安裝,並且可以在 Windows、Mac 和 ChromeOS 上運行。大多數線上工具將表單建置控制項放置在文件檢視上方的工具列中,並且新增下拉式功能表遵循類似於 Acrobat 的簡單按一下和拖曳工作流程。

將 PDF 上傳到線上編輯器後,在工具列中尋找「表單」或「新增欄位」部分。選擇下拉式選單或組合框工具,然後按一下要顯示控制項的頁面。將開啟一個屬性面板,通常位於螢幕右側。輸入欄位名稱並在提供的文字區域中鍵入每個清單選項,每行一項。大多數線上編輯器會自動儲存您的更改,但最好在完成編輯後立即下載修改後的 PDF 副本。

功能桌面編輯器線上編輯
安裝需要完整安裝在瀏覽器中執行
下拉支援完整,帶JS動作基本物品清單
匯出值支援因工具而異
離線訪問是的需要網路

免費的線上編輯器通常會限制您可以為每個文件或每天新增的表單欄位的數量。付費計劃取消了這些上限。對於超過 10 個欄位的表單,付費線上服務或桌面軟體通常是更實用的選擇。在將敏感 PDF 上傳到任何線上服務之前,請查看其隱私權政策和資料保留條款,以確認上傳的文件在處理後已從伺服器中刪除。

自訂下拉行為:多重選擇、預設值和匯出值

通常,在配置基本項目清單以外的一些關鍵屬性後,下拉清單會變得更加有用。多選(有時在欄位屬性中標記為多選)允許使用者透過在單擊時按住 Ctrl 或 Cmd 來選擇多個選項。這對於詢問您對哪些服務感興趣、使用者可以從清單中選擇多個項目的表單非常有用。請記住,多選下拉清單在匯出的資料中將所有選定的值顯示為逗號分隔的字串,這可能需要在電子表格或資料庫中進行後處理。

設定預設值會在表單開啟時預先選擇一項。如果您的大多數使用者屬於特定類別,則預先選擇該選項可以為他們節省點擊次數並加快完成速度。在 Acrobat Pro 中,您可以在「選項」標籤下選擇一個項目並點擊「預設」按鈕來設定預設值。在線上編輯器中,尋找清單編輯器中每個項目旁邊的「預設」或「預設選擇」複選框。

導出值設定經常被忽視,但當表單資料輸入到自動化工作流程中時,導出值設定就變得至關重要。如果顯示的文字是東北地區,但您的 CRM 需要 NE,請在欄位屬性中將匯出值設為 NE。清單中的每個項目都可以有自己的匯出值。線上編輯器可能不會公開此功能,因此如果您的工作流程取決於匯出值,請在投入時間建立表單之前驗證您選擇的工具是否支援它們。

分發前測試您的下拉式選單

發送帶有損壞下拉選單的表單會浪費每個人的時間。在分發之前,請在至少兩個不同的 PDF 閱讀器中開啟完成的 PDF。 Adobe Acrobat Reader 是最常見的,但也可以在基於瀏覽器的檢視器(例如 Chrome 的內建 PDF 渲染器)和 Mac 上的預覽中進行測試。按一下下拉清單中的每個選項以確認每個項目按預期顯示。如果下拉清單使用多項選擇,請測試選擇兩個或三個值並驗證它們全部出現在欄位顯示中。

檢查 Tab 鍵順序是否以邏輯順序在表單欄位中移動。選擇下拉值並按 Tab 鍵後,焦點應按閱讀順序跳至下一個字段,而不是跳至隨機位置。在 Acrobat Pro 中,您可以透過開啟「欄位」面板、將欄位名稱拖曳到正確的順序並儲存文件來調整 Tab 鍵順序。組織良好的 Tab 鍵順序對於僅使用鍵盤的使用者以及 WCAG 2.1 準則下的輔助功能合規性非常重要。

修復常見下拉問題

點擊時顯示空列表的下拉清單通常表示項目未正確儲存或關閉編輯器後欄位屬性未保留。在編輯工具中重新開啟表單,選擇下拉字段,並確認項目清單仍然填入。如果缺少項目,請重新輸入它們並以新檔案名稱儲存 PDF,以避免覆蓋問題。某些線上工具在壓縮輸出檔案時會剝離表單欄位數據,因此,如果下載的 PDF 與瀏覽器內預覽的行為不同,請關閉壓縮或使用另存為最佳化選項。

當儲存並重新開啟表單後下拉值重設為空白時,該欄位可能啟用了「不儲存」屬性,或在預設情況下 PDF 閱讀器不會儲存表單資料。在 Acrobat Pro 中,開啟欄位屬性並確認沒有 JavaScript 清除儲存時的值。指導收件人使用支援保存表單資料的 PDF 閱讀器,並避免基於瀏覽器的檢視器在選項卡關閉時丟棄表單輸入。

如果下拉字體大小看起來與周圍文字不一致,請在欄位屬性的「外觀」標籤中調整字體大小。使字段字體大小與表單正文相匹配,通常為 10 或 11 磅。使用與表單其他部分不同的字體系列的下拉式選單也可能看起來不合適;設定欄位字體以符合文件正文字體,以獲得乾淨、專業的結果。

一旦您知道字段控制項的位置,向可填寫的 PDF 新增下拉式選單只需幾分鐘。真正的價值來自於配置匯出值、設定邏輯預設值以及在不同的閱讀器上測試完成的表單,以便在使用者之前發現問題。精心建立的下拉清單可以使接收者更快地收集數據,並使處理結果的人員更加可靠。

WukongPDF

嘗試編輯 PDF

無需安裝。直接在您的瀏覽器中工作。

立即開始 →