在文本输入上强制使用数字键盘

Question

我有一个<input type="text"> 元素，我决定使用它来代替type="number"，这样我就可以用逗号格式化货币，并且我想为我的移动用户使用数字键盘。 existing solutions I have found 需要 pattern="[0-9]*"，但我也需要验证模式。

Codepen here.

如何在不更改输入的pattern 或type 的情况下使用数字键盘？

Answer 1

虽然它还不能在移动浏览器上运行（键盘仍然是文本），we may be able to use the inputmode attribute to set the keyboards on text elements。

I have done up a codepen to test this（不适用于 Android 上的最新 chrome）。也许我们会在不久的将来看到这一点。