step 属性仅对 type="number"、"range"、"date"、"datetime-local"、"month"、"time"、"week" 有效，对 "text" 或 "email" 无效；其作用是限定输入值的最小增量或时间/日期单位，并影响验证与 UI 行为，但非格式化工具，也不替代服务端校验。
step 属性只对特定 type 生效
step 不是万能的，它仅在 type="number"、type="range"、type="date"、type="datetime-local"、type="month"、type="time"、type="week" 这些输入类型中起作用。对 type="text" 或 type="email" 设置 step 完全无效，浏览器会忽略。
常见误用场景：想限制小数位数或整数倍输入，却用了 type="text" —— 此时哪怕写了 step="0.5"，也起不到任何约束作用。
number 类型下 step 的实际行为
step 决定了用户通过上下箭头、滚轮或键盘方向键调整值时的最小变化量，也影响表单验证（提交时若值不满足步长规则，会触发 ValidityState.stepMismatch）。
需要注意：
立即学习“前端免费学习笔记（深入）”；
-
step默认值是1，不是any；显式设为step="any"才允许任意精度数值（如3.14159） -
step="0.1"并不等价于“保留一位小数”——它允许0.1、0.2、0.3… 但0.30000000000000004（浮点误差）仍可能被判定为不匹配 - 若同时设置了
min和step，起始有效值是第一个 ≥min且符合min + n × step的数。例如min="1" step="0.3"，合法值是1.0、1.3、1.6… 而不是从1.3开始算
range 类型中 step 的视觉与取值影响
type="range" 的 step 直接决定滑块可停靠的刻度密度。例如 step="10" 会让滑块只能停在 0、10、20… 这样的整十数上。
容易踩的坑：
- 未设置
min和max时，step无意义（默认min=0、max=100，但行为不稳定，建议显式声明） -
step="0.5"在某些旧版 Safari 中可能被忽略，导致滑块只响应整数步进 - 不要依赖
range的step做精确数值控制——它本质是 UI 辅助，后端/JS 仍需校验
date/time 类型的 step 是“逻辑单位”，不是数值
type="date" 不支持 step 数值（如 step="7" 表示“每周”），浏览器会静默忽略。只有 type="datetime-local" 和 type="time" 支持 step，且单位是秒。
例如：
<input type="time" step="300"> <!-- 每 5 分钟一档 -->
关键点：
-
step对date无效，别白费劲 -
step="60"在time中表示每分钟一档，但部分安卓浏览器可能四舍五入到最近 5 分钟，不可强依赖 - 如果需要“每周选择”，得用 JS 控制或自定义日历组件，不能靠原生
step
真正起作用的 step 很少出错，出错往往是因为没配对 type、min/max，或误以为它能做格式化、截断或服务端校验。它只是个客户端约束提示，别让它背锅。
