建築數量欄位:賓客人數、物品數量等。
需要多少位客人?需要多少張票?需要多少件物品?數量欄位收集數值,這些數值將指導從活動策劃、訂單處理到資源分配等各項決策。
在本指南中,您將學習如何建立具有適當驗證、限制和使用者友善控制項的有效數量欄位。
當您需要數量欄位時
活動登記
- 參加人數
- 晚餐賓客人數
- 已申請門票
- 餐桌預訂(人數)
訂單與請求
- 物品數量
- 複印數量
- 所需單位
- 大量訂單金額
預約與預約
- 房間的數量
- 每間客房入住人數
- 晚數
- 派對車輛
調查與反饋
- 評分標準(1-10)
- 頻率計數
- 多年經驗
- 在職員工人數
申請表格
- 家庭成員
- 家屬
- 居住年限
- 擁有車輛數量
資源規劃
- 需要椅子
- 需要停車位
- 準備餐食
- 材料數量
創建數量字段
以下是如何使用以下方式建立數量字段 自動表單產生器:
步驟 1:安裝自動表單產生器
- 造訪 插件→添加新
- 搜索 ”空軍基地」(自動表單產生器的簡稱)
- 找 ”AFB – 自動表單產生器 – 拖放式表單建立器“
- 點擊 立即安裝,然後 啟用
第 2 步:新增 數位字段
- 建立或編輯您的表單
- 發現 聯繫電話 在字段調色板中
- 將其拖曳到表單畫布上
- 點擊開啟設定
步驟 3:配置基本設定
現場標籤
清晰明確的標籤:
- “賓客人數”
- “數量”
- “需要多少張票?”
- “派對裝”
必填/可選
- 必填 必須輸入數字才能提交
- 選配 – 可以留空
幫助文本
澄清期望:
- “包括你自己”
- 每單最多10件
- 如果沒有,請輸入0。
步驟 4:設定最小值和最大值
限制可接受值的範圍:
最低值
- 允許的最低數量
- 通常為0或1
- 防止出現負數
最大值
- 允許的最大數量
- 基於產能、庫存或政策
- 防止不切實際的數量
步驟 5:配置步長
控制增量:
- 步驟 1 – 整數(1、2、3…)
- 步驟 0.5 – 半增量(1、1.5、2…)
- 步驟 5 – 跳躍次數為 5(5、10、15…)
- 步驟 10 只接受十位數的數字(10、20、30…)
步驟 6:設定預設值(可選)
預先填入一個起始數字:
- 最常用值
- 最低要求
- 建議數量
數量欄位範例
活動賓客人數
| 設置 | 價值 |
|---|---|
| 標籤 | “賓客人數” |
| 必填 | 可以 |
| 最低限度 | 1 |
| 最大值 | 10 |
| 步驟 | 1 |
| 預設產品 | 1 |
| 幫助文本 | “包括你自己(最多 10 人)” |
產品數量
| 設置 | 價值 |
|---|---|
| 標籤 | “數量” |
| 必填 | 可以 |
| 最低限度 | 1 |
| 最大值 | 100 |
| 步驟 | 1 |
| 預設產品 | 1 |
| 幫助文本 | 最低訂購量:1 |
餐廳預訂
| 設置 | 價值 |
|---|---|
| 標籤 | “派對裝” |
| 必填 | 可以 |
| 最低限度 | 1 |
| 最大值 | 20 |
| 步驟 | 1 |
| 預設產品 | 2 |
| 幫助文本 | “20人以上的聚會,請致電我們。” |
多年來經驗
| 設置 | 價值 |
|---|---|
| 標籤 | “多年經驗” |
| 必填 | 可以 |
| 最低限度 | 0 |
| 最大值 | 50 |
| 步驟 | 1 |
| 預設產品 | (無) |
| 幫助文本 | “如果是第一年,請輸入0” |
大量訂購(10 件起訂)
| 設置 | 價值 |
|---|---|
| 標籤 | “訂購數量” |
| 必填 | 可以 |
| 最低限度 | 10 |
| 最大值 | 1000 |
| 步驟 | 10 |
| 預設產品 | 10 |
| 幫助文本 | “批量訂單,數量為10的倍數” |
數字欄位與下拉式選單(用於數量選擇)
何時使用數字欄位:
- 範圍很廣(1-100+)
- 範圍內的任何值均有效
- 使用者知道所需的確切數量
- 精準至關重要
何時使用下拉式選單:
- 選項有限(1-10)
- 僅接受具體數值(不接受範圍)
- 想一目了然地查看所有選項
- 不同數量的價格/選項
競品對比
| 方面 | 數位字段 | 落下 |
|---|---|---|
| 大範圍 | ✅ 易於操作 | ❌ 選擇太多 |
| 小範圍(1-5) | ✅ 有效 | ✅效果很好 |
| 行動用戶體驗 | ✅ 數字鍵盤 | ✅ 本地採摘者 |
| 自訂增量 | ✅ 步進設定 | ✅ 明確具體選項 |
| 視覺選項 | ❌ 只是一個數字 | ✅ 可以顯示標籤 |
進階:滑桿模式
一些表單建構器提供用於輸入數字的滑桿:
何時使用滑桿
- 近似值即可。
- 視覺呈現有助於
- 範圍有限(1-10,1-100)
- 需要有趣/吸引人的介面
何時不應使用滑桿
- 需要精確值
- 範圍廣(1-1000)
- 精準至關重要
- 無障礙是首要考慮因素。
滑桿配置
- 最小值/最大值: 定義範圍
- 步: 增量金額
- 顯示值: 顯示目前數字
- 顏色: 與您的設計相匹配
數量欄位驗證
內建驗證
數字欄位自動驗證:
- 必須是數字(不能是文字)
- 在最小/最大範圍內
- 匹配步長增量
錯誤消息
無效時提供清晰的回饋:
- 請輸入一個數字
- 最小值為 1
- “最大值為 10”
- 請輸入一個以 5 為增量的值。
客戶端與伺服器端
- 客戶端: 即時回饋,更佳使用者體驗
- 服務器端: 安全措施,無法繞過
- 好的格式會同時運用這兩種方法。
使用者體驗技巧
1. 使用適當的輸入類型
數字欄位在行動裝置上應觸發數字鍵盤:
- 更快的輸入
- 錯誤更少
- 更好的體驗
2. 提供微調控件
上下箭頭可以幫助使用者:
- 無需輸入即可遞增
- 微調值
- 視覺反饋
3. 明確標明限制
告知使用者可接受的範圍:
- 幫助文本
- 佔位符
- 可見的最小/最大屬性
4. 設定智慧預設值
在適當的情況下預先填入:
- 最常用值
- 最低要求
- 如果差異很大,請留空。
5. 處理邊緣案例
考慮:
- 允許零位客人嗎? (「0 位額外客人」)
- 需要小數嗎? (0.5 小時)
- 數字非常大? (請設定合理的最大值)
6. 使用上下文標籤
明確說明統計的是什麼:
- 是“賓客人數”,而不僅僅是“數量”
- 需要“票數”,而不僅僅是“數量”。
- 如適用,請註明單位(「小時」、「件」)
常見數量欄位場景
活動登記及來賓人數
形式結構:
- 姓名(註冊人)
- 電子郵件
- 賓客人數(1-10人)
- 賓客姓名(條件性,如果賓客人數 > 1)
- 飲食需求
產品訂單
形式結構:
- 產品選擇(下拉式選單)
- 數量(1-100)
- 收件地址
- 特別說明
服務請求
形式結構:
- 服務類型
- 所需工時數
- 所需工人數量
- 首選日期
- 地點
包含數字答案的調查
形式結構:
- 你每週進行[活動]幾次?
- 您是我們的客戶多少年了?
- 你擁有多少件產品?
- 評分 (1-10)
處理大批人員或大量人員
突破點策略
超出正常處理數量的情況:
- 標準形式: 1-20位客人
- 大型群組訊息: “20人以上的團體請直接聯繫我們。”
分層法
- 1-10:標準線上預訂
- 11-50:需押金
- 51歲以上:需另行報價。
條件性追蹤
如果數量超過閾值:
- 顯示其他字段
- 索取更多信息
- 顯示特殊說明
輔助功能注意事項
鍵盤導航
- Tab 鍵聚焦字段
- 用方向鍵增加/減少
- 直接輸入以獲得精確值
屏幕閱讀器
- 透明標籤發布
- 已傳達最小/最大限制
- 錯誤訊息清晰易讀
視覺清晰度
- 足夠的對比度
- 清晰的專注狀態
- 清晰易讀的字體大小
數量欄位故障排除
使用者輸入無效號碼
解決方案:
- 清除幫助文字中的最小值/最大值
- 即時驗證回饋
- 使用微調控件
小數問題
問題: 使用者輸入 2.5,而係統只允許輸入整數。
解決方案: 將步驟設為 1,並在說明文字中進行說明。
手機鍵盤問題
問題: 顯示的是文字鍵盤而不是數字鍵盤。
解決方案: 確保該欄位使用數字輸入類型
提交的負數
解決方案: 最小值設為0或1
常見問題(FAQ)
數量欄位應該用數字欄位還是文字欄位?
始終使用數字欄位。它提供驗證功能,在行動裝置上觸發數字鍵盤,並包含遞增控制項。
如何允許輸入小數?
將步長值設定為包含小數(例如,0.1、0.5、0.01)。這樣就可以使用像 1.5 或 2.25 這樣的值。
合理的最大值是多少?
根據您的實際接待能力或保單進行設定。如果您最多可以接待 50 位客人,請將上限設為 50。不要設定無限制-使用者可能會輸入 99999。
數量預設值應為 1 還是留空?
如果始終至少需要一個值(例如票券、物品),則預設值為 1。如果零值也是有效選項,或者該值變化範圍很大,則留空。
如何設定最低訂購量?
在欄位設定中設定最小值。使用者將無法提交低於此值的值。
摘要
建構有效數量場:
- 使用數字欄位類型 ——非文本
- 設定清晰的標籤 ——統計的是什麼?
- 定義最小值/最大值 – 實際限制
- 配置步長 整數還是小數
- 添加有用的文本 解釋限制和預期
- 設定智慧預設值 – 在適當的時候
- 在行動裝置上測試 數字鍵盤出現
結語
數量欄位看似簡單,但正確的配置卻能決定使用者提交的流暢性,避免不必要的麻煩。設定適當的限制、使用正確的輸入類型並提供清晰的指導,可確保使用者快速輸入有效數量。
自動表單產生器 數字欄位包含您所需的一切:最小值/最大值限制、步長增量、預設值以及適合行動裝置的數位輸入。只需配置一次,數量欄位即可立即生效。
準備好收集數量了嗎? 下載自動表單產生器 並為您的表單建立專業的數量欄位。