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

Using a number keypad with a decimal point via HTML5/JS/PhoneGap

本文关键字:小数点 数字 键盘 HTML5 JS PhoneGap 通过      更新时间:2023-09-26

我认为这里也提出了类似的问题,但接受的解决方案是标准的HTML5输入类型声明。请允许我解释一下:

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

我知道一个半房子的选择,那就是:

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

这将显示数字以及一些字符。唯一的问题是我真的很喜欢数字真的很大,因为它大大改善了用户体验。欢迎对此的任何想法,因为我几天来一直在挠头!

谢谢!

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

要显示数字键盘,请将 pattern 属性的值设置为"[0-9]"或"''d"。

这会导致:

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

在研究这个问题,我得出的结论是这还是不可能的,我希望phonegap团队尽快实现它。您可以实现这个jquery键盘,但我还没有尝试过,因为它在移动应用程序中看起来不合适