step属性仅约束浏览器内置增减和提交校验，生效前提是type为number/range/datetime-local等；min/max/step/value须满足value=min+n×step（n为整数），否则浏览器静默修正；step="any"禁用步长对齐但不取消数字校验。
step 属性不是输入过滤器，它只约束浏览器内置增减行为和提交校验；设了但没效果，八成是 type 没写对、min/max/step 没对齐，或正在用 JS 直接赋值绕过规则。
type="number" 是 step 生效的硬性前提
给 type="text" 或 type="tel" 加 step="0.1" 完全无效——浏览器解析但静默忽略，不报错、不警告、不触发任何步进逻辑。只有 type="number"、type="range"、type="datetime-local" 等少数类型才支持。其中 type="date" 的 step 几乎所有浏览器都忽略，别指望靠它跳周；type="datetime-local" 的 step 单位是秒，且必须为整数（step="60" 表示 1 分钟，step="30.5" 会被截断为 30）。
min、max、step、value 四者必须数学对齐
浏览器判断合法值的公式是：value === min + n × step（n 为整数），且 value ≤ max。只要初始 value 不满足该式，Chrome/Safari 会静默修正（比如 min="0" step="0.1" value="1.05" 可能被改成 1.0 或 1.1），导致 spinner 失灵、拖拽卡顿、第一次点 ↑ 就跳偏。
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
- 错误写法：
<input type="number" min="0" step="0.1" value="1.05"> - 正确写法：
<input type="number" min="0" step="0.1" value="1.0">或value="1.1" - 金额类强烈建议换单位：
min="100"step="1"value="199"表示 1.99 元，彻底避开浮点误差 - 必须用小数时，统一补零：
min="0.00"max="10.00"step="0.01"，避免混用min="0"和step="0.01"
step="any" 不是“关闭校验”，而是退化为 ±1 整数步进
step="any" 仅禁用步长对齐逻辑：上下箭头和 input.stepUp() 全部退化为整数增减（value="1.5" 点 ↑ 变成 2.5，不是 1.6）；表单提交时不再触发 validity.stepMismatch，但依然校验是否为合法数字（输 "abc" 仍报错）。它适合地理坐标、科学参数等需自由输入又想保留原生 spinner 的场景，不是偷懒的“放开所有限制”方案。
- 旧版 Safari（≤15.4）直接忽略
step="any"，仍按step="1"校验，小数输入可能被清空 - 用户仍可手动输入任意精度值（如
"3.1415926"），提交前不报错——业务校验必须由 JS 或后端兜底 - 移动端 iOS 数字键盘不保证显示小数点，
step="any"配合inputmode="decimal"（Safari 16.4+ 支持）可稍作提示，但不可依赖
JS 操作 value 时 step 完全失效，必须手动对齐
通过 input.value = "3.7" 赋值会绕过所有步进约束。更麻烦的是：后续点 ↑ 可能从 3.7 直接跳到 4.7（跳过了 4.2），某些浏览器还会在失焦时自动四舍五入到最近合法值（如 3.7 → 3.5 或 4.0），且不触发 input 事件。
- 安全做法：JS 设置前先对齐步进基准，例如
step="0.5"时，用Math.round(3.7 / 0.5) * 0.5得到 3.5 或 4.0，再赋值 - 动态修改
step后，必须立刻重置value：input.setAttribute('step', '0.25')后，紧接着执行input.value = (Math.round(parseFloat(input.value) / 0.25) * 0.25).toFixed(2) - 增减操作优先用原生
input.stepUp(1)/input.stepDown(1)，它严格按当前step执行，不引入 JS 浮点误差 - 粘贴、拖拽、第三方输入法完全绕过所有原生约束——
step在这些场景下形同虚设
最常被忽略的其实是初始值与步进公式的数学关系：哪怕 DOM 写得再规范，只要 value 不落在 min + n × step 这条线上，控件行为就会不可预测。这不是浏览器 bug，是规则生效的前提条件。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
