step属性仅对type="number"和type="range"生效；step="any"允许任意精度输入但箭头仍按整数步进，step="1"强制所有操作符合整数步进；显式声明step值须与min/max小数位数一致，js赋值需先对齐步进基准。
step 属性只对 number 和 range 类型生效
很多初学者给 type="text" 或 type="tel" 的输入框设置 step，发现完全没反应——这是预期行为。step 是个“有条件触发”的属性，仅在 type="number" 或 type="range" 下才被浏览器解析并影响步进逻辑。其他类型（包括 type="text"）会忽略它，连控制台警告都不会有。
实际使用时，如果目标是数字输入+步进，必须显式声明：<input type="number" step="0.5">。否则哪怕值是纯数字，step 也形同虚设。
step="any" 和 step="1" 的行为差异很关键
step="any" 表示不限制输入精度，允许任意小数位（比如用户手动输入 3.1415926），但此时浏览器的上下箭头仍按整数步进（多数浏览器默认为 1），容易造成认知偏差；而 step="1" 强制约束所有变更（包括键盘输入、箭头点击、粘贴）都必须是整数倍，超出范围的值会被自动修正或清空（取决于浏览器实现）。
- 需要支持小数但不强制精度限制 → 用
step="any"，同时配合min/max控制范围 - 要求严格步进（如只能选 2、4、6…）→ 显式写
step="2"，不能省略 - 想禁用箭头步进但保留数字验证 → 改用
type="text"+ 正则校验，别依赖step
浏览器对 step 的解析存在隐式默认值
如果不写 step，type="number" 的默认行为是：无 min 时默认 step="1"；有 min 且含小数时（如 min="0.1"），部分浏览器（Chrome）会自动推导 step="0.1"，但 Firefox 不会——这导致跨浏览器表现不一致。
避免踩坑的唯一办法是显式声明：step 值必须与 min、max 的小数位数匹配。例如：min="0.01" 就该配 step="0.01"，写成 step="0.1" 会导致合法值（如 0.05）被拒绝。
JavaScript 操作 value 时 step 不起作用
通过 JS 赋值（如 input.value = "3.7"）绕过浏览器步进校验是常见做法，但要注意：赋值后若用户再点箭头，浏览器仍会按 step 规则跳转，可能跳到非预期值（比如从 3.7 → 4.7，跳过了 4.2）。更隐蔽的问题是，某些浏览器在 input.value 被 JS 修改后，会丢弃当前焦点状态下的临时输入（如正在编辑的小数点后两位），直接四舍五入到最近的 step 倍数。
安全做法是：JS 设置值前先做合规性校验，用 Math.round(value / step) * step 对齐步进基准，再赋值。例如：step="0.5" 时，3.7 应转为 3.5 或 4.0 后再写入 value。
实际项目里最常被忽略的是 step 与 min/max 的数值精度对齐，以及 JS 动态赋值时的步进对齐处理——这两点不处理，表单看似能输，提交时却突然报错或值被截断。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
