如何显示自定义键盘

Question

我正在使用 Dojo 创建一个基于 Worklight 6.1 的应用程序。

我想向用户展示一个 10 键键盘，而不是标准的操作系统键盘。我该怎么做呢？

我尝试了以下方法，但它并没有调出纯数字键盘。在 iOS 中，它会调出全键盘，只有带有数字和 $%^&* 键的视图。

<input type='number' data-dojo-type='dojox.mobile.TextBox'>

有什么建议吗？

Answer 1

要成功显示数字键盘，您需要将pattern 属性添加到input 元素，如下所示：

<input data-dojo-type="dojox.mobile.TextBox" type="number" pattern="\d*">

我没有 Android 设备，但它应该也可以在那里工作。
请注意，与只有 1 个键盘的 iOS 不同，在 Android 中，用户可以安装自定义键盘，并且可能并非所有键盘都支持可用的全套可定制性...

Worklight 对此无能为力。 （更糟糕的情况是您可以write a Cordova plug-in 创建自己的自定义键盘，但您不太可能需要这样做）。

如下所示：

这里有更多关于自定义键盘的阅读材料：

• http://bradfrostweb.com/blog/mobile/better-numerical-inputs-for-mobile-forms/
• http://www.html5rocks.com/en/tutorials/forms/html5forms/
• https://about.zoosk.com/en/engineering-blog/mobile-web-design-use-html5-to-trigger-the-appropriate-keyboard-for-form-inputs/
• http://danielfriesen.name/blog/2013/09/19/input-type-number-and-ios-numeric-keypad/
• http://www.wufoo.com/html5/attributes/10-pattern.html
• 谷歌