如何显示自定义键盘

Question

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

我想向用户提供10键键盘，而不是标准的OS键盘。我该怎么做呢？

我已尝试过以下操作，但它没有显示仅限数字的键盘。在iOS中它会调出全键盘，只有视图有数字和$％^＆amp; *键。

<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
• 谷歌