數位字段
精準且美觀地收集數字。從簡單的數位輸入到具有貨幣格式的互動式滑桿，「數位」欄位提供驗證、格式化和美觀的使用者體驗。
內建驗證功能的智慧號碼採集
完美的：
適用於各種用例的強大功能
🎯 精確驗證控制
最小/最大邊界
設定允許的最低值和最高值。透過內建的瀏覽器驗證，防止提交無效輸入。
步長控制
定義貨幣的增量值－整數（1）、半步（0.5）或精確小數（0.01）。
例子：
- 年齡欄位：最小值 18，最大值 100，步長 1
- 價格欄位：最小值 0，最大值 10000，步長 0.01
- 評分：最低 1 分，最高 5 分，步長 0.5 分
💰 智慧數字格式化
多種格式選項：
- 普通數字 – 簡單的數字輸入 (123)
- 貨幣 – 帶有符號的貨幣（$123.00、€123.00、£123.00）
- 百分比 – 自動新增百分號 (85%)
- 十進制 – 固定小數位數 (123.45)
自訂貨幣符號
支援任何貨幣：$、€、£、¥、₹ 等——非常適合國際表格。
小數精度
控制小數位數，範圍為 0 到 4 位，以進行精確計算。
互動式滑桿模式
視覺數字選擇
將數位輸入轉換為美觀的滑桿。用戶滑動滑桿選擇數值——非常適合用於評分、範圍和偏好設定。
可定制的外觀
- 選擇滑桿顏色以配合您的品牌
- 顯示/隱藏目前值顯示
- 流暢的動畫和過渡
理想選擇：
- 滿意度分數（1-10）
- 預算範圍（0-5000美元）
- 年齡選擇器
- 優先級
- 任意範圍選擇
🔀 條件邏輯
智能場可視性
根據其他欄位值顯示或隱藏此數字欄位。建立可依使用者輸入自動調整的動態表單。
高階邏輯規則：
- 與邏輯－所有條件必須滿足
- 邏輯或 – 任何條件都可以觸發該操作
- 8 個運算子－等於、不等於、大於、小於、包含、為空等等
用例：
- 僅當選取“帶客人嗎？”複選框時才顯示“客人人數”
- 當服務類型為“高級”時，顯示“預算範圍”
- 訂單總額低於 $50 時隱藏「折扣碼」。
- 當年齡大於 1 時，顯示年齡限制選項。
🎨完全定制
- 自定義CSS類
- 隱藏場模式
- 移動優化輸入
- 輔助使用支援
- 與所有表單功能集成
- 步長，起始值
- 允許的最低/最高值
- 隱藏字段，隱藏值
⚙️ 智慧配置
默認值
預先填入欄位起始數字，以引導使用者或加快填寫速度。
佔位符文本
在使用者輸入之前顯示「請輸入數量」或「您的年齡」等提示資訊。
幫助文本
新增說明以明確需要輸入哪些數字。
三步驟輕鬆完成設定
幾分鐘即可準備好您的下拉式選單字段
新增數字字段
將「基本欄位」部分中的「數字」欄位拖曳到表單中。
設定驗證規則
配置最小值/最大值、步長和起始值，以控制使用者可以輸入的數字。
選擇格式和样式
選擇純文字、貨幣、百分比或小數格式。也可以啟用滑桿模式進行直覺選擇。
🎉 搞定！您的數字欄位已完成智慧驗證和格式化。
實際應用
電子商務與訂單
- 產品數量選擇器
- 價格範圍篩選器
- 折扣百分比輸入
- 物品數量和總數
調查與評級
- 滿意度分數（1-10）
- 星級評定
- 優先排名
- 可能性尺度
健身與健康
- 體重追蹤
- 身高測量
- 練習重複次數
- BMI計算器
預約與預約
- 賓客/出席人數
- 房間數量
- 持續時間（小時/天）
- 黨的大小
申請表格
- 年齡驗證
- 多年經驗
- 期望薪值
- 預算範圍
商業與金融
- 收入投入
- 投資金額
- 投資報酬率百分比
- 佣金率
完整欄位選項
基本配置
- 現場標籤 – 顯示在數字欄位上方的標題
- 描述/幫助文本 – 為使用者提供的更多指導
- 必填項目 – 強制要求輸入號碼
- 佔位符文本 – 使用者輸入數字前的提示文字
驗證設定
- 最低允許值（最小值） 最小可接受數字
- 允許的最高值（最大值） – 最大可接受數字
- 步長 – 增量值（1、0.5、0.01 等）
- 起始值 – 預填預設數字
數字格式
- 顯示格式
- 普通號碼
- 貨幣（帶符號）
- 百分比（％）
- 十進制（固定位數）
貨幣符號 – $、€、£、¥、₹（格式為貨幣時）
小數位數 – 0、1、2、3 或 4 位數字（當格式為十進位）
滑桿選項
- 顯示為輪播圖 – 啟用互動式滑桿模式
- 滑桿顏色 – 用於品牌客製化的顏色選擇器
- 在滑桿旁邊顯示數字 – 顯示目前值
條件邏輯
- 啟用條件邏輯 根據條件顯示/隱藏
邏輯類型- 所有條件必須滿足（並且）
- 任何條件均可滿足（或）
- 條件規則
- 顯示隱藏 —— 應採取的行動
- 場 要檢查哪個字段
- 操作者 等於、不等於、包含、大於、小於、為空、不為空
- 價值 – 比較值
- 多重條件 – 新增無限條規則
高級選項
- 隱藏場模式 – 用作具有預設值的隱藏字段
- 自訂 CSS 類 – 套用自訂樣式
- 可訪問性屬性 – ARIA標籤和描述
為什麼選擇我們的數字欄位？
✅ 精確 – 精確的最小值/最大值驗證可防止無效輸入
✅ 靈活的 – 多種格式，滿足各種使用場景
✅ 視覺 滑動模式可創造引人入勝的互動體驗
✅ 智能 條件邏輯可建立動態表單
✅ 用戶友好 清晰的驗證訊息引導用戶
✅ 專業 – 內建貨幣和百分比格式設定
✅ 移動優化 行動裝置上的完美數字鍵盤
✅ 一體式電流探棒 – 與所有表單功能無縫協作
常見問題
Q：最小值/最大值和驗證之間有什麼區別？
答：最小值/最大值設定可提供即時的瀏覽器級驗證。使用者無法提交無效數字，從而確保表單無誤且易於使用。
Q：我可以使用小數嗎？
答：是的！設定步長值來控制小數位數。貨幣（價格）使用 0.01，一位小數使用 0.1，或使用任何自訂步長。
Q：行動端上的滑桿是如何運作的？
答：滑桿針對觸控進行了最佳化，在行動裝置上運作順暢。
Q：我可以收集負數嗎？
答：當然可以！設定一個負的最小值（例如，最小值：-100，最大值：100）以允許負數。
Q：支持哪些貨幣符號？
答：任何符號！輸入 $、€、£、¥、₹ 或任何最多 3 個字元的自訂符號。
Q：我可以使用基於數字比較的條件邏輯嗎？
答：是的！可以使用「大於」、「小於」和「等於」等運算子來建立基於數值的邏輯。
Q：如何建立百分比欄位？
答：選擇“百分比 (%)”作為顯示格式。 % 符號會自動顯示，使用者可以輸入 0 到 100 之間的數值。
Q：我可以更改滑桿顏色嗎？
答：是的！啟用滑桿模式後，您可以使用顏色選擇器選擇任何顏色。
Q：如果使用者輸入的數字超出範圍會發生什麼情況？
A：瀏覽器驗證阻止提交，並顯示錯誤訊息，例如「值必須介於 1 和 100 之間」。
Q：我可以使用數字欄位進行計算嗎？
答：是的！數字欄位值可以在表單處理的條件比較和計算中使用。
問：十進制數的精確度能有多高？
答：您可以設定小數位數從 0 到 4 位，步長值可以根據需要設定得非常精確（例如，0.001）。
