文本输入上的强制数字键盘

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）。也许我们会在不久的将来看到这一点。