step属性仅对type="number"有效，配合min/max才能实现步进校验；浮点step易致精度误差，建议用整数单位换算；inputmode="decimal"可增强移动端小数键盘体验，但需服务端二次校验。
step 属性只对 type="number" 有效
如果你给 type="text" 或其他类型输入框加 step，浏览器完全忽略它——不会报错，也不会起作用。必须是 <input type="number">，step 才参与校验和步进逻辑。
常见错误：复制粘贴时漏改 type，或者用 CSS 模拟数字框但没改语义类型。
-
step默认值是1，所以整数输入不用显式写 - 想支持小数，比如金额，得明确设成
step="0.01" - 设成
step="any"表示不限制步长（允许任意精度输入），但此时浏览器不提供上下箭头微调
step 和 min/max 一起用才真正可控
单独设 step 只影响用户通过箭头或键盘上下键的增减逻辑，不影响手动输入——用户仍可直接输一个不符合 step 规则的值（比如 step="5" 却输 12），直到失焦或提交时才触发验证失败。
要真正约束输入范围，必须配合 min 和 max：
立即学习“前端免费学习笔记（深入）”；
<input type="number" min="0" max="100" step="5">
这样合法值只有 0, 5, 10, ..., 100；输 12 失焦后会标红并提示“值必须为 5 的倍数”（具体文案因浏览器而异）。
- 如果
min不是step的整数倍（比如min="1"、step="5"），第一个合法值是大于等于min的最小 step 倍数，即5 -
max同理，最后一个合法值是小于等于max的最大 step 倍数
浮点数 step 容易出精度问题
JavaScript 浮点运算本身不精确，step="0.1" 看似合理，但浏览器内部计算时可能累积误差，导致箭头点击几次后显示 0.30000000000000004 这类值。
更稳妥的做法是用整数单位 + 单位换算：
<input type="number" min="0" max="1000" step="1" > <!-- 单位：分 -->
然后在 JS 中除以 100 显示为元。
- 避免
step="0.01"直接用于金额输入，尤其在 Safari 上表现不稳定 - 若必须用小数
step，建议限制小数位数（如step="0.001"配合max="99.999"），并用input事件做格式化
移动端 keyboard 类型不随 step 自动切换
很多人以为设了 step="0.01"，iOS 键盘就会弹出带小数点的数字键盘——其实不会。step 不影响软键盘类型，只影响校验逻辑。
要让 iOS/Android 弹出带小数点的数字键盘，得额外加 inputmode="decimal"：
<input type="number" step="0.01" inputmode="decimal">
注意：inputmode 是增强体验的提示，不强制校验；而 step 是硬性约束（配合 min/max 时）。
- 安卓部分浏览器对
inputmode支持较弱，fallback 方案仍是监听input事件过滤非数字字符 - 不要依赖
step来防用户输错，关键业务字段必须服务端二次校验
实际项目里最容易被忽略的是 step 和 min/max 的数值对齐关系，以及浮点 step 在不同浏览器中的渲染差异——这些不会立刻报错，但上线后用户反馈“点几次箭头就变奇怪数字”，排查起来反而更费时间。
