触发所有移动设备输入文本的数字键盘[重复]

Posted 2023-03-05

【中文标题】触发所有移动设备输入文本的数字键盘[重复]

【英文标题】：Trigger numeric keyboard for input text all mobile devices [duplicate]

【发布时间】：2016-07-20 16:04:25

【问题描述】：

有没有办法为所有移动设备触发 <input type="text" /> 字段的数字键盘？

我都试过了：

<input type="text" pattern="\d*" />

<input type="text" pattern="[0-9]*" />

但这似乎只会触发 ios 的数字键盘。 android 仍显示默认键盘。

---

注意：我正在尝试进行持续时间输入，即。 HH:MM，所以<input type="number" /> 不是解决方案，因为我需要一个可以接受数字和冒号的输入字段。

如果这是唯一的解决方案，我也不介意使用 javascript。

【问题讨论】：

我尝试了 它适用于在 iOS 上显示数字键盘

【参考方案1】：

我没有尝试过，但我确实在过去看到了一些解决方案：

<input type="number" pattern="[0-9]*" inputmode="numeric">

或者：

<input type="number" pattern="[0-9]*" required>

我认为 type=tel 也受支持，但从未尝试过：

<input type="tel">

Here你有几个例子。

【讨论】：

这不适用于安卓设备。

@Ryan King 你找到解决方案了吗？ :)

不。现在好像没有……

这不起作用

inputmode="numeric" 似乎是 standardized 方法 - 尽管 browser support 目前不包括 Firefox 和 Safari，但它有望成为标准，因此它们最终应该效仿。