step属性仅对number、range、date、time、datetime-local、month、week有效，需与min、max协同使用；type="text"等不支持该属性，且合法值必须满足min + n×step（n为整数）。
step 属性不是“设置就能用”的独立开关，它只在特定 type 下生效，且必须和 min、max 协同才能真正约束行为。直接给 type="text" 加 step="0.01" 完全无效。
哪些 input type 支持 step 属性
step 仅对以下类型有效：number、range、date、time、datetime-local、month、week。其他类型（如 text、color、tel）会忽略该属性——DevTools 能看到它，但 spinner 按钮不出现、校验不触发、步进逻辑完全不运行。
- 想让数字输入框支持小数步进，必须写
<input type="number" step="0.01">，不能是type="text" -
type="range"的step控制滑块可停靠的离散位置，不是渲染精度 -
type="date"中step="7"表示以周为单位跳转（如选中 10月10日，点右箭头跳到 10月17日）
step 值怎么写才不会出错
常见错误是把 step 当成“小数位数控制”，比如以为 step="0.1" 就能接受任意一位小数——其实它定义的是合法值集合：min + n × step（n 为整数）。这个等式必须成立，否则浏览器就判定为非法。
Article To Html
下载
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
- 若
min="0.1"，推荐配step="0.1"，而不是step="0.01"；后者会让 0.15 成为非法值（因为 0.1 + 1×0.01 = 0.11，再加还是 0.12… 0.15 不在序列中） - 避免
min="1"+step="0.3"这类组合：第一个合法值是 1，下一个是 1.3，中间空档 0.1～0.299… 浏览器可能静默修正或导致 spinner 失灵 - 金额类场景更稳的做法是用整数单位：
min="100"、step="1"、value="199"表示 1.99 元，显示时再除以 100
动态修改 step 后 value 不对齐怎么办
直接改 el.step = "0.5" 不可靠。浏览器不会自动重算合法值集合，旧 value 很可能已越界，导致拖动卡顿、点击跳变、checkValidity() 返回 false 却无提示。
立即学习“前端免费学习笔记（深入）”；
- 用
el.setAttribute("step", "0.5")替代直接赋值，部分浏览器响应更稳定 - 紧跟着重置
value：el.value = (Math.round(parseFloat(el.value) / 0.5) * 0.5).toFixed(1) - 连续切换 step 时，加
requestAnimationFrame延迟执行重置，避免状态残留 - 改完立刻调用
el.checkValidity()，必要时el.reportValidity()主动提示用户
最常被忽略的一点：浏览器对 step 的解析依赖三者关系——min、max、step 必须能构成完整等差数列。比如 min="1"、max="10"、step="2"，最大合法值其实是 9，不是 10，因为 1 + n×2 = 10 无整数解。调试时不妨打印真实刻度点验证。
