如何使html5文本字段显示数字键盘？

Question

PhoneGap的>的android

我知道我可以type="number"用来显示数字键盘,但问题是我想将输入重新格式化为用户键入的价格.所以它将采用美元和美分(如$343,23.50)的格式,并且该type="number"字段不允许其他比数字字符.

所以我想要一个文本字段,但它应该显示数字键盘.可能吗？

Answer 1

对于 Android，您通常需要type="number"默认使用数字键盘。（对于 iPhone 来说，有一些变通方法可以解决这个问题。）您无法在type="number"键入时在 a 中显示非数字。要在您键入时显示，您需要type="text"，然后您可以使用现有的插件（如 autoNumeric）在您键入时进行格式化，但随后您将继续被推到默认为非数字键盘，通常在每次按键时。

您最好的解决方案可能是在字段没有焦点时或同时进行type="number"编辑并切换到其他字段或显示格式化的字段。type="text"和/或，您可以检测浏览器是否位于有默认键盘问题的设备上，如果没有，您可以继续使用type="text"并很好地格式化。我见过的其他解决方法是旋转器（不适用于信用卡等大量数字）或带有自己的伪键盘的小部件。

如果不是不合适的话，我最近完成了一个type="number"插件的开发，以帮助解决type="number"Android 问题，并且正在制作一个网站来分享它。很高兴将 URL 私下转发给您（插件是可下载的，并且 API 已详细记录），但在我完成页面发布之前，我还不想在这里发布该网站。当准备好包含 URL 时，我很乐意回来编辑此答案。