inputmode 属性在移动端有一定作用但非强制，仅对部分输入法生效且不能替代 type；它只是向虚拟键盘“提个醒”，iOS 和 Android 浏览器支持但行为不一致，需与 type、pattern 和 JS 校验配合使用。
inputmode 属性在移动端到底有没有用
有，但只对部分输入法生效，且不能替代 type。它只是给虚拟键盘“提个醒”，不是强制指令。iOS Safari 和 Android Chrome 都支持，但 iOS 对 inputmode="decimal" 和 inputmode="numeric" 的处理差异很大——前者可能直接弹出带小数点的数字键盘，后者却常退回默认键盘。
哪些 inputmode 值真能影响键盘布局
实测有效的常用值就这几个，别乱试：
-
inputmode="text"：普通英文键盘（默认行为，一般不用显式写） -
inputmode="decimal"：iOS 弹出带小数点的数字键盘；Android 多数情况也生效 -
inputmode="numeric"：纯数字键盘（无小数点、无负号），iOS 有时会 fallback 到默认键盘 -
inputmode="tel"：电话键盘（含 * #），比type="tel"更可靠触发数字键盘 -
inputmode="email"：带 @ 和 . 的键盘，比type="email"触发率略高
注意：inputmode="search" 和 inputmode="url" 在多数浏览器里基本没效果，别依赖。
为什么写了 inputmode 却没反应
常见原因不是语法错，而是被其他属性压制了：
立即学习“前端免费学习笔记（深入）”；
-
type="number"会覆盖inputmode，尤其在 iOS 上——它自带数字键盘逻辑，inputmode直接被忽略 -
pattern或inputmode冲突时，浏览器优先按type和pattern推断，inputmode变成摆设 - 没有
type属性（比如<input>不写 type）时，inputmode才更可能生效 - 某些国产安卓输入法（如搜狗、百度）根本不读取
inputmode，只认type
怎么搭配 type 和 inputmode 才稳妥
目标是让语义清晰 + 键盘可用，不是堆属性：
- 要输金额（含小数）：用
type="text"+inputmode="decimal"，再用 JS 控制格式和校验；别用type="number"，它在 iOS 上滚动+粘贴体验极差 - 要输手机号：用
type="tel"+inputmode="tel"，双保险 - 要输邮箱：用
type="email"+inputmode="email"，虽然inputmode效果有限，但不冲突 - 纯整数 ID 类输入：用
type="text"+inputmode="numeric"+pattern="[0-9]*"，避免type="number"自动加 spinner 和科学计数法问题
inputmode 是锦上添花，不是雪中送炭。真正决定输入体验的，还是 type、pattern、JS 校验这三者的组合，以及你有没有在 iOS 上亲自点开键盘试过。
