javascript - 通过 HTML5/JS/PhoneGap 使用带小数点的数字键盘

Question

我想这里也有人问过类似的问题，但接受的解决方案是标准的 HTML5 输入类型声明。请允许我解释一下:

我想使用 iPhone 数字小键盘，您可以通过输入类型 =“数字”触发它，但该小键盘上会出现一个星号。现在，我不认为这可以通过 PhoneGap 实现，但是通过 iOS 通过 UIKeyboardTypeDecimalPad 绝对可以实现，但是当我构建混合应用程序时，我无法访问 native 代码，这就是我的问题所在。是否根本无法通过 Javascript/PhoneGap 适配器编辑键盘？我不会太惊讶，但我希望尽可能接近确认这一点。

我知道一种半场替代方案，即:

<input type="number" name="n" />

这将显示数字和一些字符。唯一的问题是我真的很喜欢数字非常大，因为它可以显着改善用户体验。欢迎对此有任何想法，因为我已经为此绞尽脑汁好几天了!

谢谢!

Answer 1

Apple 有一个很棒的文档:User Experience Coding How-To's for Safari on iPhone .

To display a numeric keyboard, set the value of the pattern attribute to "[0-9]" or "\d".

结果是:

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