step="any"仅禁用步长校验，允许任意数字输入（如0.15、3.1415926），但仍受min/max约束、拒绝非数字字符、按ieee 754解析，且在旧版safari中可能失效。
step="any" 是用来禁用步长校验，不是放开所有输入限制
它只做一件事：让 input[type="number"] 不再检查用户输入是否为 step 的整数倍。比如 min="0" step="0.1" 时，输入 0.15 会触发 validity.stepMismatch；换成 step="any" 后，0.15、3.1415926、-1e-8 都能通过原生校验。
但它不改变以下行为：
- 仍拒绝非数字字符（
"abc"、"12a"、空字符串） - 仍受
min和max约束（value="100" min="0" max="10"依然 invalid） - 仍按 IEEE 754 解析为双精度浮点数（
"0.1" + "0.2"还是0.30000000000000004） - 旧版 Safari（≤15.4）会忽略该属性，
valueAsNumber可能返回NaN，需 fallback 到parseFloat(input.value)
step="any" 会影响微调箭头和 stepUp() 行为
设了 step="any" 后，浏览器内置的上下箭头和 stepUp()/stepDown() 方法会退化为整数增减——不是“任意步长”，而是“固定 ±1”。
例如：value="2.7"，点击 ↑ 按钮变成 3.7，不是 2.8；调用 input.stepUp(0.1) 也无效，仍按 1 增量执行。
这意味着：
- 想保留小数点后一位的箭头调节？不能用
step="any"，得用step="0.1"并接受部分值被拒（如0.15） - 需要自定义增减逻辑？必须屏蔽原生箭头（比如 CSS 隐藏
::-webkit-inner-spin-button），自己实现按钮 + JS 计算 - 移动端 Safari 可能根本不显示箭头，哪怕写了
step="any"，别依赖它
为什么不用 step="1" 或直接不写 step？
不写 step 时，Chrome 默认按 step="1" 处理，只认整数；Firefox 表现稍宽松但也不稳定。而 step="1" 显式锁死整数，连 1.0 都可能被某些浏览器判为非法（因解析后 1.0 === 1，但校验逻辑有时对尾随零敏感）。
step="any" 是 HTML 标准唯一明确定义为“取消步长对齐”的合法值。它让校验逻辑跳过 (value - min) % step === 0 这一判断，仅保留数字格式和范围检查。
注意：step="any" 必须是字符串字面量，不能是变量或数字；写成 step={any}（JSX）或 step="0,5"（逗号小数点）都无效。
实际使用中容易被忽略的细节
最常被漏掉的是初始值校验问题：如果 value="3.14159" 且 step="0.01"，页面加载时就触发 stepMismatch，表单默认 invalid；换成 step="any" 能绕过，但你得确保后端或 JS 层接手精度控制。
另一个隐形坑是金额类场景：别用 step="0.01" + “元”，应统一用整数单位“分”+ step="1"；若真要支持任意小数输入（如科学计算），step="any" 是必要选择，但必须配 blur 时的 parseFloat().toFixed(n) 格式化，不能靠浏览器自动处理。
旧版 Safari 兼容性仍是硬伤——它不只忽略 step="any"，还可能把合法小数输入清空。上线前务必在 iOS 15.4 及更早版本实机测试，别只信 CanIUse 数据。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
