type="number"或type="range"才支持step属性；type="text"/"email"设step无效；需用setAttribute更新并重置value对齐步长，配合checkValidity校验，金额场景建议用整数“分”单位。
type="number" 和 type="range" 才能改 step
给 type="text" 或 type="email" 写 step="0.01" 完全无效——浏览器解析但不执行，DevTools 里能看到属性，但 spinner、校验、stepUp() 全部没反应。必须用 type="number" 或 type="range"，否则改了也白改。
直接赋值 el.step = "0.5" 不可靠
DOM 属性更新后，浏览器不会自动重算合法值集合，旧 value 很可能已非法，导致拖不动、点箭头跳变、stepUp() 失效。
- 优先用
el.setAttribute("step", "0.5")，部分浏览器响应更稳定 - 紧接着重置
value：先对齐步长基准，比如el.value = (Math.round(parseFloat(el.value) / 0.5) * 0.5).toFixed(1) - 快速连续切换时，加
requestAnimationFrame延迟重置，避免状态残留 - 改完立刻调用
el.checkValidity()，必要时el.reportValidity()提示用户
step="any" 不是“放开一切”，而是“只松开步长”
step="any" 只禁用 validity.stepMismatch 校验，不影响其他约束：
- 上下箭头和
stepUp()会退化为 ±1 整数增减（value="1.23"点 ↑ 变成"2.23"，不是"1.24"） -
min/max依然生效，超出仍报rangeOverflow - 输入
"abc"或空字符串，validity.badInput仍为true - 旧版 Safari（≤15.4）直接忽略
step="any"，降级为step="1"，需 JS 兜底
金额、小数精度场景别硬刚浮点
step="0.1" 在二进制中无法精确表示，旧版 Chrome 曾静默四舍五入成 step="1"，移动端键盘甚至不显示小数点。
立即学习“前端免费学习笔记（深入）”；
- 金额统一用“分”：
min="100"、step="1"、value="199"表示 1.99 元 - 必须用小数时，显式对齐小数位：
min="0.00"、max="10.00"、step="0.01" - 实现 ± 按钮时，别写
parseFloat(val) + 0.25，改用el.stepUp(1)和el.stepDown(1) - 用户粘贴、第三方输入法、方向键微调这些行为，step 都管不了，得靠 JS 监听
input或change事件兜底
