文字輸入字段
精準靈活地採集文字。從簡單的姓名到複雜的模式,內建驗證、智慧格式化和強大的自訂功能—文字輸入欄位可適應任何使用場景,並具備字元限制、自動格式化和安全密碼模式。
每個 WordPress 表單的基礎
完美的:
適用於各種用例的強大功能
📏 智慧長度控制
最小和最大字元數限制
設定允許輸入的最短和最長文字。透過內建的瀏覽器驗證功能,防止提交過短或過長的文字。
即時驗證
如果用戶提交的作品不符合篇幅要求,他們會立即收到回饋——提交後不會有任何意外。
例子:
- 使用者名稱:最少 3 個字符,最多 20 個字符
- 郵遞區號:最少 5 個字符,最多 10 個字符
- 名稱:最少 2 個字符,最多 50 個字符
- 評論:最多 500 個字符
為何重要:
控制資料質量,防止垃圾郵件,確保資料庫相容性,並引導使用者提供適量的資訊。
✅ 內建驗證模式
6 種預先配置的驗證類型:
- 1. 無 – 接受任何文字(預設)
2. 電子郵件 – 驗證電子郵件格式是否正確([email protected])
3. URL – 需要有效的網址(https://example.com)
4. 僅限字母 – 僅包含字母和空格(John Doe)
5. 僅限數字 – 僅數字(123456)
6. 字母數字 – 字母和數字,不含特殊字元(User123)
另加自訂圖案:
- 為特定格式(例如:)定義您自己的正規表示式驗證。
- 車牌:`^[AZ]{3}[0-9]{4}$`
- 產品代碼:`^[AZ]{2}[0-9]{6}$`
- 專為您的企業量身訂製的格式
即時反饋:
如果使用者的輸入格式不符合要求,使用者將看到清晰的錯誤訊息。
✂️ 自動留白修剪
自動清理數據
刪除文字條目開頭和結尾的多餘空格。避免出現“John”而不是“John”。
用例:
- 電子郵件地址(不含尾隨空格)
- 使用者名稱(不含前導空格)
- 參考代碼(完全匹配)
- 任何需要精準度的領域
為妳而設的優點:
減少使用者錯誤,提高資料一致性,防止驗證問題,簡化配對和搜尋。
🔒 密碼模式
安全輸入掩碼
將任何文字欄位轉換為密碼欄位。字元將顯示為點 (•••),以防止敏感資訊被他人窺視。
完美:
- 密碼和PIN碼輸入
- 安全碼和令牌
- 機密ID號碼
- 雙重身份驗證代碼
明智的行為:
密碼模式會自動停用文字轉換和特殊輸入類型等衝突功能,以確保安全性。
📱 智慧輸入類型
針對行動裝置和桌面裝置進行了最佳化:
- 普通文字 – 通用標準文字輸入
- 搜尋功能 – 內建清除按鈕 (X),可快速重置
- 電話 – 觸發行動裝置上的數字鍵盤,方便輸入電話號碼
- URL – 顯示帶有 .com、.org 快捷鍵的專用行動鍵盤
為何重要:
正確的輸入方式可以加快行動裝置上的資料輸入速度,減少錯誤,並改善所有裝置上的使用者體驗。
🎨 自動文字轉換
使用者輸入時自動格式化文字:
- 不進行任何轉換-文字保持原樣
- 大寫字母 – 將所有文字轉換為大寫字母(JOHN DOE)
- lowercase – 將所有文字轉換為小寫(例如:john doe)
- 首字母大寫-僅首字母大寫(例如 John doe)
- 標題大小寫-每個單字的首字母(John Doe)
完美:
- 大寫字母:車牌號碼、州代碼、產品ID
- 小寫:電子郵件地址、使用者名
- 句子開頭和單一人名首字母要大寫。
- 標題大小寫:全名、地址、頭銜
明智的行為:
提交過程中會自動轉換,使用者可以看到他們原始的輸入內容。
🙈 隱藏領域模式
不可見資料字段
建立使用者不可見但會隨表單提交資料的欄位。非常適合用於追蹤、推薦碼和系統值。
用例:
- UTM追蹤參數
- 推薦來源 ID
- 表單版本號
- 時間戳標記
- 隱藏元數據
如何使用:
設定“隱藏值”,它將自動包含在每次表單提交中,而不會使表單的使用者介面變得雜亂。
🔀 條件邏輯
動態場可見性
根據表單其他值顯示或隱藏文字欄位。建立能夠適應使用者輸入的智慧表單。
高階邏輯規則:
- 與邏輯-所有條件必須滿足
- 邏輯或 – 任何條件都可以觸發該操作
- 8 個運算子-等於、不等於、大於、小於、包含、為空等等
用例:
- 僅當使用者類型為“企業”時才顯示“公司名稱”
- 當「您是如何得知我們的?」包含「推薦」字樣時,顯示「推薦來源」。
- 當主要選項不為空時,隱藏“其他詳細資訊”。
- 訂單金額超過100美元時顯示「促銷代碼」。
🎯 提升使用者體驗
內建智慧功能:
- 預設值 – 預填欄位以加快填入速度
- 佔位符文字 – 在使用者輸入之前顯示實用提示
- 說明文字 – 新增描述以明確需要輸入的內容
- 必填驗證-使用清晰的指示符將欄位設為必填項。
- 自訂 CSS 類別 – 應用自訂樣式以符合您的品牌
- 輔助使用支援 – 螢幕閱讀器的 ARIA 標籤
- 行動端最佳化-支援觸控輸入,並配備合適的鍵盤
三步驟輕鬆完成設定
幾分鐘即可準備好您的文字輸入字段
新增文字字段
將「基本欄位」部分中的「文字輸入」欄位拖曳到表單中。
設定驗證和限制
選擇驗證類型(電子郵件、URL、字母等),設定最小/最大字元限制,並可選擇啟用密碼模式或空格修剪。
配置格式
選擇行動端最佳化的輸入類型,選擇文字轉換(大寫、小寫等),並設定預設值或占位符。
🎉 搞定!您的文字欄位已完成智慧驗證和格式設定。
實際應用
完整欄位選項
基本配置
- 欄位標籤 – 顯示在文字欄位上方的標題
- 描述/幫助文本 – 為使用者提供的額外指導
- 必填欄位 – 將文字輸入設為必填
- 佔位符文字 – 使用者輸入前的提示文字
長度驗證
- 最小長度 – 允許的最少字元數(驗證)
- 最大長度 – 允許的字元數(硬性限制)
默認值
- 預設值 – 表單載入時預先填入的文本
- 隱藏值 – 隱藏欄位的值(啟用隱藏模式時)
安全與隱私
- 密碼欄位 – 將輸入內容當作密碼(顯示點 •••)
隱藏欄位 – 將欄位設為不可見,但仍包含在提交內容中。
數據質量
去除空格 – 自動移除開頭和結尾的多餘空格
驗證規則
- 驗證類型
- 無(任何文字)
- 電子郵件 ([email protected])
- 網址(https://example.com)
- 僅限字母(僅限 AZ)
- 僅限數字(0-9)
- 字母數字(AZ 和 0-9)
- 自訂模式(正規表示式)
- 自訂模式 – 用於自訂驗證的正規表示式(選擇「自訂」時)
輸入類型
- 輸入類型
- 普通文字
- 搜尋(附清除按鈕)
- 電話(手機上的數字鍵盤)
- URL(專用行動鍵盤)
文字格式
- 文字轉換
- 無變化
- 大寫
- 小寫
- 首字母大寫
- 標題案例
條件邏輯
- 啟用條件邏輯-根據條件顯示/隱藏
- 邏輯類型
- 所有條件必須滿足(並且)
- 任何條件均可滿足(或)
- 條件規則
- 顯示/隱藏 – 要採取的動作
- 字段 – 要檢查哪個字段
- 運算子 – 等於、不等於、包含、大於、小於、為空、不為空
- 價值 – 比較值
- 多重條件 – 新增無限條規則
高級選項
- 自訂 CSS 類別 – 應用自訂樣式
- 輔助功能屬性 – ARIA 標籤和描述

為什麼選擇我們的文字輸入框?
✅ 用途廣泛-適用於姓名、代碼、密碼以及介於兩者之間的任何內容。
✅ 智慧驗證 – 6 種以上的驗證模式以及自訂正規表示式
✅ 行動裝置最佳化 – 為每種輸入法配備合適的鍵盤
✅ 自動格式化 – 文字轉換自動進行
✅ 安全性 – 密碼模式可保護敏感資訊
✅ 清理資料 – 移除空格可防止常見錯誤
✅ 靈活 – 隱藏欄位、預設值、條件邏輯
✅ 用戶友好 – 清晰的驗證訊息引導用戶
✅ 完全整合 – 與所有表單功能無縫協作
常見問題(FAQ)
Q:最小/最大長度和驗證之間有什麼區別?
最小/最大長度控制允許的字元數。驗證控制允許的字元類型,例如僅限字母、僅限數字或電子郵件格式。
Q:我可以同時驗證長度和格式嗎?
是的。可以將最小/最大長度與驗證規則結合。例如,使用者名字段可以設定最小長度為 3 個字符,最大長度為 15 個字符,並驗證是否僅包含字母數字。
Q:密碼模式是如何運作的?
密碼模式會用點號遮蓋字符,就像登入畫面上的典型密碼字段一樣。
Q:「修剪空白」有什麼作用?
它會在提交前刪除前導空格和尾隨空格,以免意外出現的空格破壞驗證。
Q:我可以建立自訂驗證模式嗎?
是的。使用“自訂模式”並添加正規表示式來強制執行所需的任何結構。
Q:文字轉換是如何運作的?
使用者正常輸入文本,系統會在提交時轉換文本,例如轉換為首字母大寫或大寫。
Q:搜尋輸入類型是做什麼用的?
它增加了一個內建的清除(X)按鈕,以便用戶在搜尋時可以立即重置欄位。
Q:為什麼要使用“tel”輸入類型?
在行動裝置上,它會打開數字鍵盤,方便輸入電話式數字。
Q:文字欄位可以使用條件邏輯嗎?
是的。 「包含」、「等於」或「為空」等條件可根據使用者輸入顯示或隱藏欄位。
Q:隱藏字段有什麼用途?
它們儲存數據,但用戶看不到這些數據,這對於追蹤元數據(例如 UTM 標籤或引薦來源)非常有用。
Q:文字方塊可以輸入數字嗎?
是的,但請使用“數字”欄位進行計算或數值驗證。當您需要輸入不應被視為數字的代碼或 ID 時,請使用「僅限數字」的文字欄位。
Q:正規表達式模式的精確度能有多高?
正規表示式可以強制執行極為特定的模式。如果您需要建立或驗證複雜的模式,請使用正規表示式測試器。