inputmode 属性仅为提示，不强制键盘类型；numeric 用于纯数字场景，decimal 用于需小数点的场景；type 属性可能覆盖 inputmode，国产输入法常忽略 inputmode，兼容性需真机验证。
inputmode 属性不能强制弹出某类键盘，它只是给浏览器和输入法的一个提示；加了不一定生效，不加一定没反应——真机测试比任何文档都管用。
inputmode="numeric" 和 inputmode="decimal" 怎么选
看用户是否需要按小数点键，不是看字段叫“金额”还是“验证码”：
- 验证码、手机号、商品数量、ID 等纯数字场景 → 用
inputmode="numeric"，键盘只显示 0–9，无小数点、无负号，Android/iOS 兼容性最稳 - 金额、评分、身高、温度等可能含小数点的场景 → 用
inputmode="decimal"，iOS 16.4+ 和 Android Chrome 82+ 会倾向弹出带小数点（有时还有逗号）的数字键盘 - 别写
inputmode="decimal"却指望输负号：减号（-）在多数软键盘上不默认出现，用户得手动切键盘找 - 别把验证码配成
inputmode="decimal"：多出来的小数点反而干扰输入，还可能被误粘贴进非法字符
为什么写了 inputmode 却还是弹全键盘
不是语法错，而是被其他属性压制或环境不支持：
-
type="number"会覆盖inputmode，尤其在 iOS 上直接忽略后者，甚至导致键盘闪退 - 国产安卓输入法（如 vivo Jovi、华为 HMS、搜狗）基本不读
inputmode，只认type="tel"或type="number" - 没写
type属性（比如<input>）时，inputmode反而更容易被识别 - iOS 16.3 及更早版本完全不支持
inputmode，自动降级为text键盘——这本身安全，但别误以为“写了就有用”
type 和 inputmode 最稳妥的搭配组合
语义归 type，键盘归 inputmode，两者不互斥但有优先级：
立即学习“前端免费学习笔记（深入）”；
- 手机号：
<input type="tel" inputmode="tel">（双保险，type="tel"保语义和自动填充，inputmode="tel"提升键盘触发率） - 验证码：
<input type="text" inputmode="numeric" pattern="[0-9]{4,6}">（避开type="number"的粘贴拦截和微调按钮） - 金额输入：
<input type="text" inputmode="decimal" pattern="[0-9.]*">（type="text"避免 Safari 自动转逗号，再靠 JSparseFloat()处理值） - 邮箱：
<input type="email" inputmode="email">（inputmode="email"在 Android Chrome 上可能显示 @/.com 快捷键，iOS 基本无视，但不冲突）
容易被忽略的关键事实
inputmode 不校验、不拦截、不锁输入法：
- 用户长按粘贴 “+86 138****1234” 或 “abc123” 依然能进输入框——这完全正常，
inputmode从不干预内容本身 - 中文拼音输入法激活时，
inputmode="numeric"一样能打汉字，这是系统级限制，前端拦不住 -
inputmode="none"不是禁用输入，只是“不自动弹键盘”，适合自建软键盘场景，普通表单加了用户会懵 - 所有过滤、格式化、合法性判断，必须靠
pattern、oninput、onblur或提交时正则完成，服务端永远要校验
