step属性仅对type="number"和type="range"生效；type="text"等其他类型无效，且需与min/max配合、value初始值须满足value===min+n×step，避免浮点误差。
step 属性必须显式写在 type="number" 或 type="range" 的 <input> 标签里才起作用，其他类型（比如 type="text"）写了也白写。
哪些 type 支持 step？只认 number 和 range
浏览器只对 type="number" 和 type="range" 解析并执行 step 逻辑。常见误用包括：
-
<input type="text" step="0.01">：完全无效，无箭头、无校验、stepUp()报错 -
<input type="date" step="7">：多数浏览器忽略，日期选择器仍按天跳转 -
<input type="datetime-local" step="30.5">：只接受整数秒，30.5会被截断为30
step 值怎么写？小数、整数、“any”三类写法
合法值只有三种形式，写错会静默失效或触发意外行为：
Article To Html
下载
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
-
step="1"：整数步长，适合数量、年龄等场景 -
step="0.01"：小数步长，金额类输入推荐写成min="0.00" max="9999.99" step="0.01"，避免min="0"和step="0.01"混用导致首项不齐 -
step="any"：禁用步长对齐，但上下箭头仍按 ±1 整数增减（不是 ±0.1），且不触发validity.stepMismatch
别写 step="1/20" 或 step="0,1" —— 浏览器直接当无效值处理。
为什么设了 step 却没效果？三个高频原因
最常被忽略的不是语法，而是协同规则和隐式修正：
-
value初始值不满足value === min + n × step：比如min="1" step="0.3" value="1.0"，Chrome 可能静默改成1.2，Safari 可能卡住 - 浮点精度误差：写
step="0.1"，某些旧版 Chrome 会当成step="1"；建议统一用整数单位（如金额存“分”，step="1" min="100"） - 动态改
step后没重置value：不能只写el.step = "0.5"，得用el.setAttribute("step", "0.5")+ 手动对齐value，再调el.checkValidity()
真正麻烦的从来不是怎么写 step，而是用户粘贴、第三方输入法、移动端 Safari 对小数 step 的降级行为——这些地方 JS 校验兜底比依赖原生更可靠。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
