input[type="number"]的微调箭头需显式设置step属性（如step="1"）才显示，省略或设为step="any"会导致箭头消失或校验异常；step还决定合法输入值范围，并影响stepup()/stepdown()行为及移动端键盘唤起效果。
step 属性不显式设置，微调箭头就消失
Chrome 和 Edge 下，input[type="number"] 的上下微调按钮默认不显示，必须写 step="1" 或 step="0.1" 这类明确值才会触发。留空、设为 step="any" 或写成字符串 "1"（没加引号的属性值）都不可靠——前者直接禁用箭头，后者在部分浏览器里会静默转成 1，但不保证跨版本一致。
常见错误是只写 <input type="number" value="5">，结果用户只能手输，没法点箭头增减。移动端 Safari 更激进：哪怕 step 写对了，箭头也可能根本不渲染，得靠 JS 补充按钮或手势。
step 不只是控制箭头增减量，更是校验依据
step 决定哪些输入值算“合法”。比如 min="0" max="10" step="0.1" 时，用户输入 1.05 会被认为非法——因为 1.05 - 0 = 10.5 × 0.1，不是整数倍；checkValidity() 返回 false，表单提交被拦，但控制台无报错。
容易踩的坑：
- 想允许任意小数（如价格），必须显式写
step="any"，不能省略或设step="0.01" - 设
min="0" step="0.1"后，0.0000001也会被拒，它不满足「与 min 的差值能被 step 整除」 -
max是硬截断，不是四舍五入：输入10.1在max="10"下直接 invalid，不会自动变成10
用 stepUp()/stepDown() 替代直接改 value
直接写 input.value = Number(input.value) + 1 会绕过原生校验（忽略 min/max）、不触发 input 事件、还可能把 "5.00" 变成 "6" 导致格式丢失。
更稳妥的方式是调用原生方法：
-
input.stepUp(1)和input.stepDown(1)自动尊重step、min、max，且触发input和change事件 - 要自定义步长（比如每次 ±0.5），先临时改
input.step = "0.5"，再调stepUp()，完事再恢复原step - 注意：如果
value是空字符串或非法值（如"abc"），stepUp()会静默失败，建议提前判断if (input.checkValidity()) { ... }
移动端数字键盘唤起与 type="number" 的取舍
type="number" 在 Android 和 iOS 上确实会唤起数字键盘，但有明显缺陷：
- Android Chrome 对长数字（如手机号）可能显示科学计数法，且会吞掉开头的
0 - iOS Safari 对
step支持弱，微调按钮常不显示，且无法通过 CSS 完全隐藏箭头而不影响功能 -
type="number"不支持pattern属性，复杂格式（如带千分位、前缀 ¥）必须退到type="text"+inputmode="numeric"+ JS 校验
所以真实项目中：简单数量类字段（如购买件数）用 type="number" 没问题；涉及格式化、精度敏感（如金额）、或需兼容老旧 iOS 的场景，应放弃原生 number，改用文本输入配合严格 JS 控制。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
