数字字段
精准且美观地收集数字。从简单的数字输入到带有货币格式的交互式滑块,“数字”字段提供验证、格式设置和美观的用户体验。
带内置验证功能的智能号码采集
完美的:
适用于各种用例的强大功能
🎯 精确验证控制
最小/最大边界
设置允许的最低值和最高值。通过内置的浏览器验证,防止提交无效输入。
步长控制
定义货币的增量值——整数(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、0.5、0.01 等)
- 起始值 – 预填默认数字
数字格式
- 显示格式
- 普通号码
- 货币(带符号)
- 百分比(%)
- 十进制(固定位数)
货币符号 – $、€、£、¥、₹(当格式为货币时)
小数位数 – 0、1、2、3 或 4 位数字(当格式为十进制时)
滑块选项
- 显示为轮播图 – 启用交互式滑块模式
- 滑块颜色 – 用于品牌定制的颜色选择器
- 在滑块旁边显示数字 – 显示当前值
条件逻辑
- 启用条件逻辑 根据条件显示/隐藏
逻辑类型- 所有条件必须满足(并且)
- 任何条件均可满足(或)
- 条件规则
- 显示隐藏 —— 应采取的行动
- 领域 要检查哪个字段
- 操作者 等于、不等于、包含、大于、小于、为空、不为空
- 价值 – 比较值
- 多重条件 – 添加无限条规则
高级选项
- 隐藏场模式 – 用作带有预设值的隐藏字段
- 自定义 CSS 类 – 应用自定义样式
- 辅助功能属性 – ARIA标签和描述

为什么选择我们的数字字段?
✅ 严谨 – 精确的最小值/最大值验证可防止无效输入
✅ 灵活性 – 多种格式,满足各种使用场景
✅ 视觉 滑动模式可创造引人入胜的互动体验
✅ 智能 条件逻辑可创建动态表单
✅ 用户友好 清晰的验证信息引导用户
✅ 专业 – 内置货币和百分比格式设置
✅ 移动优化 移动设备上的完美数字键盘
✅ 完全集成 – 与所有表单功能无缝协作
常見問題解答
问:最小值/最大值和验证之间有什么区别?
答:最小值/最大值设置可提供即时的浏览器级验证。用户无法提交无效数字,从而确保表单无误且易于使用。
问:我可以使用小数吗?
答:是的!设置步长值来控制小数位数。货币(价格)使用 0.01,一位小数使用 0.1,或者使用任何自定义步长。
问:移动端上的滑块是如何工作的?
答:滑块针对触控进行了优化,在移动设备上运行流畅。
问:我可以收集负数吗?
答:当然可以!设置一个负的最小值(例如,最小值:-100,最大值:100)以允许负数。
问:支持哪些货币符号?
答:任何符号!输入 $、€、£、¥、₹ 或任何最多 3 个字符的自定义符号。
问:我可以使用基于数字比较的条件逻辑吗?
答:是的!可以使用“大于”、“小于”和“等于”等运算符来创建基于数值的逻辑。
问:如何创建百分比字段?
答:选择“百分比 (%)”作为显示格式。% 符号会自动显示,用户可以输入 0 到 100 之间的值。
问:我可以更改滑块颜色吗?
答:是的!启用滑块模式后,您可以使用颜色选择器选择任何颜色。
问:如果用户输入的数字超出范围会发生什么情况?
A:浏览器验证阻止提交,并显示错误消息,例如“值必须介于 1 和 100 之间”。
问:我可以使用数字字段进行计算吗?
答:是的!数字字段值可以在表单处理的条件比较和计算中使用。
问:十进制数的精确度能有多高?
答:您可以设置小数位数从 0 到 4 位,步长值可以根据需要设置得非常精确(例如,0.001)。