step属性不支持负数值，浏览器会静默忽略并退化为step="1"；需用min/max限制范围、JavaScript自定义增减方向。
step 属性根本不支持负数值
HTML input 元素的 step 属性在规范中明确要求必须是正数（或字符串 "any"），传入负数会被浏览器静默忽略，退化为默认行为（如 step="1"）。你看到的“负步长”效果，其实是误解了 step 的作用——它只控制**允许输入的值之间的间隔**，不决定增减方向。
想限制用户只能输入负数区间？用 min/max + step 配合
如果你的真实需求是“只允许输入 -10 到 -1 之间的整数”，那就别纠结负 step，而是：
-
min设为-10，max设为-1 -
step设为1（正数，合法） - 类型用
type="number"
示例：
<input type="number" min="-10" max="-1" step="1">
这样用户能输 -10、-9、…、-1，但输 -11 或 0 会触发约束验证（checkValidity() 返回 false）。
需要点击上下箭头时“向下减”？靠 JavaScript 拦截 input 事件
原生 input[type=number] 的上下箭头永远按 step 正向加减（+step / -step），无法反转。若你希望点↑变小、点↓变大（即“负向步进”逻辑），必须手动接管：
- 监听
input或change事件 - 读取当前值，手动计算新值（例如：点↑时执行
value = parseFloat(value) - 1） - 用
event.preventDefault()阻止默认行为（如果监听的是keydown等） - 注意处理边界（
min/max）、空值和非数字输入
纯 HTML 无解，这是交互逻辑层的事，不是属性能改的。
常见错误现象和兼容性提醒
直接写 step="-2" 会出现这些情况：
- Chrome/Firefox/Safari 都会无视该值，按
step="1"处理 - 调用
input.step读取时返回"1"（不是"-2"） - 表单验证不报错，但逻辑完全不符合预期
- 某些旧版 Edge 可能抛
DOMException（不过现代已基本不触发）
真正容易被忽略的是：step 的语义是“步长单位”，不是“方向开关”。方向由用户操作（键盘/鼠标）或 JS 控制，不是由 step 符号决定的。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
