文字輸入字段

適用於 WordPress 表單的多功能文字集合

精準靈活地採集文字。從簡單的姓名到複雜的模式,內建驗證、智慧格式化和強大的自訂功能—文字輸入欄位可適應任何使用場景,並具備字元限制、自動格式化和安全密碼模式。

文本域

每個 WordPress 表單的基礎

Auto Form Builder Pro 中的文字輸入欄位功能最為強大。您可以精確控制使用者可輸入的文字內容,包括長度限制、驗證模式、自動轉換和密碼遮罩。它非常適合用於輸入姓名、地址、使用者名稱、代碼、備註以及任何文字資料。

完美的:

  • 姓名欄(名、姓、全名)
  • 使用者名稱和密碼輸入
  • 地址行和位置數據
  • 電話號碼和聯絡方式
  • 參考代碼和ID
  • 評論和短消息
  • 自訂文字條目

適用於各種用例的強大功能

📏 智慧長度控制

最小和最大字元數限制
設定允許輸入的最短和最長文字。透過內建的瀏覽器驗證功能,防止提交過短或過長的文字。

即時驗證
如果用戶提交的作品不符合篇幅要求,他們會立即收到回饋——提交後不會有任何意外。

例子:

  • 使用者名稱:最少 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 標籤
  • 行動端最佳化-支援觸控輸入,並配備合適的鍵盤

三步驟輕鬆完成設定

幾分鐘即可準備好您的文字輸入字段

1
🎯

新增文字字段

將「基本欄位」部分中的「文字輸入」欄位拖曳到表單中。

2
⚙️

設定驗證和限制

選擇驗證類型(電子郵件、URL、字母等),設定最小/最大字元限制,並可選擇啟用密碼模式或空格修剪。

3

配置格式

選擇行動端最佳化的輸入類型,選擇文字轉換(大寫、小寫等),並設定預設值或占位符。

🎉 搞定!您的文字欄位已完成智慧驗證和格式設定。

實際應用

應用領域

用戶註冊

* 用戶名字段有長度限制
* 附遮罩的密碼輸入
* 名稱欄位採用首字母大寫格式
* 已驗證的電子郵件地址

聯繫表格

聯繫表格

* 全名(含首字母大寫)
* 電子郵件驗證
* 附電話號碼輸入框的電話號碼
* 留言/評論字段

產品選擇

電子商務

* 輸入促銷代碼(大寫)
* 禮品留言欄
* 特殊說明
* 出貨說明

專業應用

商業應用

* 員工編號
* 部門名稱
* 參考編號
* 內部程式碼

申請表格

申請與註冊

* 駕照號碼
* 認證代碼
* 會員ID
* 自訂標識符

搜尋與篩選

搜尋與篩選

* 帶有清除按鈕的搜尋輸入框
* 篩選文字字段
* 關鍵字條目
* 查詢輸入

完整欄位選項

基本配置

  • 欄位標籤 – 顯示在文字欄位上方的標題
  • 描述/幫助文本 – 為使用者提供的額外指導
  • 必填欄位 – 將文字輸入設為必填
  • 佔位符文字 – 使用者輸入前的提示文字

長度驗證

  • 最小長度 – 允許的最少字元數(驗證)
  • 最大長度 – 允許的字元數(硬性限制)

默認值

  • 預設值 – 表單載入時預先填入的文本
  • 隱藏值 – 隱藏欄位的值(啟用隱藏模式時)

安全與隱私

  • 密碼欄位 – 將輸入內容當作密碼(顯示點 •••)
    隱藏欄位 – 將欄位設為不可見,但仍包含在提交內容中。

數據質量

去除空格 – 自動移除開頭和結尾的多餘空格

驗證規則

  • 驗證類型
  • 無(任何文字)
  • 電子郵件 ([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:正規表達式模式的精確度能有多高?

正規表示式可以強制執行極為特定的模式。如果您需要建立或驗證複雜的模式,請使用正規表示式測試器。

準備好聰明地收集文字資料了嗎?

使用智慧驗證、自動格式化和靈活的文字輸入功能,開始建立強大的 WordPress 表單。