什么是 iPhone 默认数字键盘？
在 iOS 设备（如 iPhone）上，当用户聚焦到特定类型的输入框时，系统会自动弹出优化后的数字键盘。 这种键盘通常用于电话号码、银行卡号、验证码等纯数字输入场景，提升移动端用户体验。
如何在网页中调用 iPhone 数字键盘？
通过设置 HTML <input> 元素的 type 属性，可以触发不同样式的数字键盘：
<input type="tel">：调用带拨号布局的数字键盘（最常用）<input type="number">：调用带小数点和 +/- 的数字键盘（可能包含非数字字符）<input inputmode="numeric">：现代浏览器推荐方式，语义更清晰
示例代码：
<input type="tel" placeholder="请输入手机号" />注意事项
- iOS 不会因
type="number"而完全限制输入内容（仍可粘贴字母），需配合 JavaScript 验证。 - 若只需整数输入，建议使用
type="tel"并通过正则过滤非数字字符。 - 避免使用
pattern="[0-9]*"，它在旧版 iOS 中有效，但在新版中已被弃用。
适用场景
以下场景推荐使用 iPhone 默认数字键盘：
- 手机号码输入
- 身份证号、银行卡号
- 短信验证码
- 年龄、数量等整数字段