step属性仅对type="number"、"range"、"date"、"month"、"week"、"time"、"datetime-local"生效；在number中需配合min/max才触发校验，且要求(value−min)%step===0；range中决定滑块精度；日期类中step单位为自然单位（如天、周）；datetime-local不支持step；Safari等浏览器兼容性差，需JS或后端校验兜底。
step属性只对特定input类型生效
step 不是所有 <input> 都能用。它只在 type="number"、type="range"、type="date"、type="month"、type="week"、type="time" 和 type="datetime-local" 上起作用。比如 type="text" 或 type="email" 写了 step 也完全被忽略——浏览器既不校验，也不影响输入行为。
常见错误是给 type="number" 加了 step="any" 却没配 min/max，结果用户仍能输任意小数——因为 step="any" 只表示“不限制步长”，不等于“禁用校验”，实际是否校验还取决于有没有设置 min 和 max。
number类型中step与min/max的配合逻辑
step 在 type="number" 中真正起作用的前提是：用户输入值必须满足「(value − min) 能被 step 整除」。如果 min 没设，默认为负无穷，此时无论 step 是多少，校验都失效。
-
<input type="number" step="0.5" min="0">：合法值为 0、0.5、1、1.5…（从 0 开始按 0.5 递增） -
<input type="number" step="0.5" min="0.25">：0.25 不满足 (0.25 − 0.25) % 0.5 === 0？等等，0 % 0.5 是 0，但 0.75 − 0.25 = 0.5 → 合法；而 0.5 − 0.25 = 0.25 → 不能被 0.5 整除 → 0.5 实际会被校验为非法 - 更稳妥的做法是让
min是step的整数倍，例如min="0"+step="0.5"，或min="1.5"+step="0.5"
range类型中step影响拖动精度
type="range" 的 step 直接决定滑块可停靠的刻度点。不设 step 时默认为 1；设为 step="0.1" 后，即使 min="0"、max="1"，滑块也能停在 0.1、0.2…0.9 —— 但注意：浏览器 UI 不一定显示这些中间刻度，只是内部值受限。
立即学习“前端免费学习笔记（深入）”；
容易被忽略的一点：step 值不能为 0，否则整个控件行为未定义（Chrome 会降级为 step="1"，Firefox 可能拒绝渲染）。也不要写 step="auto"，这不是标准值，会被忽略。
日期类input中step的单位含义不同
在 type="date" 等时间类输入框中，step 单位不是毫秒，而是「天」（date）、「月」（month）、「周」（week）等自然单位。例如：
-
<input type="date" step="7">：只允许选择每周的第一天（通常是周一，取决于地区），即 2024-04-01、2024-04-08… -
<input type="week" step="2">：只能选第 1 周、第 3 周、第 5 周…（注意：week 类型的 value 格式是"YYYY-W##"，step 指周序号间隔） -
step对datetime-local无效——该类型不支持step，设了也没用
跨浏览器兼容性差是硬伤：Safari 对 step 在日期类型中的支持极弱，甚至完全忽略；Firefox 对 week + step 的处理也不一致。生产环境若需强约束，别只靠 step，得加 JS 校验或后端兜底。
