step属性仅对type=”number”、type=”range”、type=”date”等支持步进的类型生效；type=”text”中无效；它约束提交校验和微调按钮行为，不阻止手动输入非法值，且不自动四舍五入。
input 的 step 属性怎么写才有效
只对 type="number"、type="range"、type="date" 等支持步进的类型起作用，type="text" 写了 step 完全没反应。
常见错误是以为 step="2" 能限制用户输入任意偶数——其实它只约束表单提交时的校验和原生微调按钮（上下箭头）行为，不阻止手动输入非法值。
-
step="any"允许任意精度小数（比如1.234567），但需配合type="number"才生效 -
step="0.01"和step="1"对type="date"无效；日期类型只接受step="1"（天为单位），其他值会被忽略 - 如果同时设了
min、max和step，浏览器会校验：输入值必须满足(value - min) % step === 0，否则报ValidityState.stepMismatch
step=”any” 在 number 输入框里到底干啥
它取消对小数位数的硬性限制，让 <input type="number" step="any"> 接受像 3.1415926 或 -0.0000001 这种任意精度的数字。但要注意：
- 不等于“不限制输入”——仍会拒绝字母、空格、多个小数点等非数字字符
- 提交时不会自动四舍五入，后端收到的就是原始字符串解析后的浮点数，可能带精度误差（比如
0.1 + 0.2 !== 0.3） - 某些旧版 safari 对
step="any"支持不稳定，微调按钮可能失效，建议加 js 校验兜底
range 滑块的 step 值影响什么
<input type="range"> 的 step 直接决定滑块能停靠的刻度点，不是视觉参考线。
立即学习“前端免费学习笔记（深入）”；
- 默认
step="1"，min="0"、max="10"时只能取整数0,1,2,...,10 -
step="0.5"下，value只能是0, 0.5, 1, 1.5, ..., 10，哪怕拖动再精细，松手后也会自动吸附到最近合法值 - 如果
max - min不能被step整除（如min="0",max="1",step="0.3"），末尾刻度会被截断，实际最大值是0.9
JavaScript 读写 valueAsNumber 时 step 是否参与计算
不参与。valueAsNumber 只做字符串到数字的转换，完全无视 step、min、max。它只反映当前输入框里“看起来像数字”的内容解析结果。
- 用户输入
"2.7"，step="0.5"，valueAsNumber就是2.7，哪怕这个值不符合步进规则 - 想拿到对齐 step 的值？得自己算：
math.round(valueAsNumber / step) * step（注意浮点误差） - 用
input事件监听时，别依赖valueAsNumber判断是否合法——得调用checkValidity()或手动验证
step 是个安静的约束者：它不拦截输入，不修改数据，只在提交校验和 ui 交互时悄悄发力。漏掉它，表单看似能用，但用户一提交就卡在 stepMismatch；过度依赖它，又容易误以为前端已做了完整控制。