a标签加tel:协议唤起的是系统拨号界面而非数字键盘，真正触发数字键盘需用input type="tel"；ios需避免pattern、maxlength等干扰属性，android则推荐type="tel"搭配inputmode="numeric"。
为什么 a 标签加 tel: 协议不一定唤起数字键盘
直接写 @#@#@#@#@#@#@#@#@#@0 在多数 iOS 和较新 Android 上确实会唤起拨号界面，但「数字键盘」本身不是独立弹出的——它只在系统拨号器里出现。用户真正想实现的，往往是「输入手机号时自动弹出纯数字键盘」，这和 tel: 协议无关，而是表单输入行为。
input type="tel" 是最可靠的方式
移动端浏览器对 type="tel" 有明确支持：iOS Safari、Chrome for Android、Edge Mobile 都会优先调起数字键盘（带 * # 键），且不触发拼音或字母联想。关键点在于：
- 必须用
<input type="tel">，type="number"会限制小数点和负号，且部分安卓机型仍弹出全键盘 - 不要加
pattern或inputmode冗余属性——除非你明确需要覆盖默认行为（见下一条） - 避免用
type="text"+inputmode="numeric"组合：iOS Safari 完全忽略inputmode，Android 表现也不一致
inputmode="tel" 的适用场景和坑
inputmode 是 HTML5 提供的提示属性，仅作建议，不强制。它的价值在于补充 type="tel"：
Article To Html
下载
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
- 当必须用
type="text"（比如要监听中文输入、配合自定义格式化）时，加inputmode="tel"可提升 Android 端数字键盘触发率 - iOS 对
inputmode几乎无视，所以不能单独依赖它 -
inputmode="numeric"在部分安卓 WebView 中会弹出无符号数字键盘（缺 * #），不适合手机号；inputmode="tel"才更接近原生拨号键盘布局 - 示例：
<input type="text" inputmode="tel" autocomplete="tel">
为什么加了 autocomplete="tel" 有帮助
这不是唤起键盘的必要条件，但它影响实际体验：
- 触发系统联系人自动填充（尤其在 iOS 中，会显示「从通讯录选择」按钮）
- 部分 Android 浏览器会据此优化键盘类型，和
type="tel"协同时效果更稳 - 注意：
autocomplete="tel"必须配name或id属性才生效，否则被忽略 - 别写成
autocomplete="telephone"——只有"tel"是标准值，其他会被当成无效字符串
实际中最大的混淆点是把「拨号链接」和「输入框键盘」混为一谈；真正控制键盘类型的，永远是 input 元素的 type 和平台实现，而不是 href 协议。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
