inputmode 是提示虚拟键盘布局的属性，不强制、不校验、不改变输入能力；其值需按实际输入内容选择：decimal 适用于带小数点或负号的数值，numeric 适用于纯数字如验证码；应避免混用 type="number" 与 inputmode，推荐 type="text" 配合 inputmode 和 js 校验。
inputmode 不是“让键盘变数字”，而是“请键盘尽量按这个样式弹出来”——它不强制、不校验、不改变输入能力，只影响虚拟键盘顶部功能键的布局。
inputmode="decimal" 和 inputmode="numeric" 到底该选哪个
看你要用户输什么，不是看字段叫“金额”还是“验证码”：
- 要输
12.5、-3.14这类带小数点或负号的值？用inputmode="decimal"；iOS Safari 16.4+ 会倾向弹出含小数点的数字键盘，但部分 Android 厂商（如 vivo、小米）可能仍回退到默认键盘 - 只要纯阿拉伯数字，比如 6 位验证码、4 位 PIN 码？用
inputmode="numeric"；它更稳定，多数机型都会弹出 0–9 数字键盘，不含小数点和符号 - 别混用
type="number"+inputmode="decimal"：Chrome 可能优先type，iOS 上甚至导致键盘闪退；建议统一用type="text"+inputmode+ JS 校验
为什么加了 inputmode="tel" 却没出现 *# 键
因为 inputmode 是提示，不是指令。真机行为取决于操作系统和输入法：
- iOS Safari 对
inputmode="tel"支持较好，通常显示带 *# 的拨号键盘；但 iOS 16.3 之前版本对inputmode="search"几乎无视 - Android 上，Gboard 一般响应良好，但华为 HMS 输入法、vivo Jovi 键盘可能直接忽略
inputmode，只认type="tel" - 测试必须上真机：模拟器里看到的 “*# 键出现了”，不代表用户手里的 vivo X100 能看到
inputmode="email" 在 iOS 上基本没用
它在 Chrome/Android 上确实会把 @ 和 .com 放到候选栏上方，但 iOS Safari 从不渲染这些快捷键：
- 写
inputmode="email"后，iOS 用户依然要手动切拼音、敲 @、再切英文输域名 - 真正起作用的是
type="email"+pattern="[^\s@]+@[^\s@]+\.[^\s@]+"+ 提交前 JS 校验；inputmode在这里只是个安慰剂 - 如果你发现邮箱输入框总被自动补全干扰，不如加
autocomplete="off"和autocapitalize="none"，比死磕inputmode实在
inputmode="none" 不是“禁止输入”，而是“藏键盘”
它只隐藏虚拟键盘，不阻止用户粘贴、拖入、或通过自定义软键盘输入：
- 适合自建数字键盘、密码矩阵、手写板等场景；普通表单里加
inputmode="none"，用户点进去会一脸懵——光标在、可聚焦、但键盘不弹 - 它不会禁用
paste事件，也不会拦截keydown；想锁输入？得靠event.preventDefault()或contenteditable="false" - 别指望它防误触：iOS 上长按输入框仍可能唤出“粘贴”菜单；Android 上双指长按也可能触发输入法重载
最容易被忽略的一点：inputmode 从不干预用户实际输入的内容。你设了 inputmode="numeric"，用户照样能粘贴 “abc123” 或用语音输入“十二点五”。它只管键盘长什么样，不管用户最后敲了啥——校验永远得靠 pattern、JS、后端三道防线。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
