数字字段

WordPress表单的精确数字采集

精准且美观地收集数字。从简单的数字输入到带有货币格式的交互式滑块,“数字”字段提供验证、格式设置和美观的用户体验。

数字字段

带内置验证功能的智能号码采集

Auto Form Builder Pro 中的“数字”字段功能远不止基本的数字输入。您可以设置最小值和最大值、控制步长、将格式设置为货币或百分比,甚至可以将输入转换为美观的滑块。它非常适合用于数量、价格、评分、年龄以及任何数值数据。

完美的:

  • 数量选择器(订单表格)
  • 价格和预算字段
  • 年龄和日期输入
  • 评级和评分系统
  • 百分比输入
  • 测量和计算
  • 预订和预约数量

适用于各种用例的强大功能

🎯 精确验证控制

最小/最大边界
设置允许的最低值和最高值。通过内置的浏览器验证,防止提交无效输入。

步长控制
定义货币的增量值——整数(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
🎯

添加数字字段

将“基本字段”部分中的“数字”字段拖放到表单中。

2
⚙️

设置验证规则

配置最小值/最大值、步长和起始值,以控制用户可以输入的数字。

3

选择格式和样式

选择纯文本、货币、百分比或小数格式。还可以启用滑块模式进行直观选择。

🎉搞定!您的数字字段已完成智能验证和格式化。

实际应用

产品选择

电子商务与订单

  • 产品数量选择器
  • 价格范围筛选器
  • 折扣百分比输入
  • 物品数量和总数

调查表

调查与评级

  • 满意度评分(1-10)
  • 星级
  • 优先级排名
  • 可能性尺度

健身与健康

健身与健康

  • 体重追踪
  • 身高测量
  • 练习重复次数
  • BMI计算器

预订系统

预订与预约

  • 宾客/出席者人数
  • 房间数量
  • 持续时间(小时/天)
  • 党的大小

申请表格

申请表格

  • 年龄验证
  • 多年经验
  • 期望薪值
  • 预算范围

专业应用

商业与金融

  • 收入投入
  • 投资金额
  • 投资回报率百分比
  • 佣金率

完整字段选项

基本配置

  • 栏位标签 – 显示在数字字段上方的标题
  • 描述/帮助文本 – 为用户提供的更多指导
  • 必填字段 – 强制要求输入号码
  • 占位符文本 – 用户输入数字前的提示文字

验证设置

  • 最低允许值(最小值) 最小可接受数字
  • 允许的最高值(最大值) – 最大可接受数字
  • 步长 – 增量值(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)。

准备好进行智能数据收集了吗?

开始构建功能强大的 WordPress 表单,配备智能数字验证和精美滑块。