教程

建築數量欄位:賓客人數、物品數量等。

建築工程量字段

需要多少位客人?需要多少張票?需要多少件物品?數量欄位收集數值,這些數值將指導從活動策劃、訂單處理到資源分配等各項決策。

在本指南中,您將學習如何建立具有適當驗證、限制和使用者友善控制項的有效數量欄位。

當您需要數量欄位時

活動登記

  • 參加人數
  • 晚餐賓客人數
  • 已申請門票
  • 餐桌預訂(人數)

訂單與請求

  • 物品數量
  • 複印數量
  • 所需單位
  • 大量訂單金額

預約與預約

  • 房間的數量
  • 每間客房入住人數
  • 晚數
  • 派對車輛

調查與反饋

  • 評分標準(1-10)
  • 頻率計數
  • 多年經驗
  • 在職員工人數

申請表格

  • 家庭成員
  • 家屬
  • 居住年限
  • 擁有車輛數量

資源規劃

  • 需要椅子
  • 需要停車位
  • 準備餐食
  • 材料數量

創建數量字段

以下是如何使用以下方式建立數量字段 自動表單產生器:

步驟 1:安裝自動表單產生器

  1. 造訪 插件→添加新
  2. 搜索 ”空軍基地」(自動表單產生器的簡稱)
  3. 找 ”AFB – 自動表單產生器 – 拖放式表單建立器
  4. 點擊 立即安裝,然後 啟用

第 2 步:新增 數位字段

  1. 建立或編輯您的表單
  2. 發現 聯繫電話 在字段調色板中
  3. 將其拖曳到表單畫布上
  4. 點擊開啟設定

步驟 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. 姓名(註冊人)
  2. 電子郵件
  3. 賓客人數(1-10人)
  4. 賓客姓名(條件性,如果賓客人數 > 1)
  5. 飲食需求

產品訂單

形式結構:

  1. 產品選擇(下拉式選單)
  2. 數量(1-100)
  3. 收件地址
  4. 特別說明

服務請求

形式結構:

  1. 服務類型
  2. 所需工時數
  3. 所需工人數量
  4. 首選日期
  5. 地點

包含數字答案的調查

形式結構:

  1. 你每週進行[活動]幾次?
  2. 您是我們的客戶多少年了?
  3. 你擁有多少件產品?
  4. 評分 (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。如果零值也是有效選項,或者該值變化範圍很大,則留空。

如何設定最低訂購量?

在欄位設定中設定最小值。使用者將無法提交低於此值的值。

摘要

建構有效數量場:

  1. 使用數字欄位類型 ——非文本
  2. 設定清晰的標籤 ——統計的是什麼?
  3. 定義最小值/最大值 – 實際限制
  4. 配置步長 整數還是小數
  5. 添加有用的文本 解釋限制和預期
  6. 設定智慧預設值 – 在適當的時候
  7. 在行動裝置上測試 數字鍵盤出現

結語

數量欄位看似簡單,但正確的配置卻能決定使用者提交的流暢性,避免不必要的麻煩。設定適當的限制、使用正確的輸入類型並提供清晰的指導,可確保使用者快速輸入有效數量。

自動表單產生器 數字欄位包含您所需的一切:最小值/最大值限制、步長增量、預設值以及適合行動裝置的數位輸入。只需配置一次,數量欄位即可立即生效。

準備好收集數量了嗎? 下載自動表單產生器 並為您的表單建立專業的數量欄位。

發表評論

您的電子郵件地址將不會被發表。 必填欄位已標記 *