自定义HTML页面中的软键盘类型

Question

当用户点击HTML页面中的文本输入字段时，是否有任何方法可以指定显示哪种软键盘布局（我只需要数字）？

我可以更改HTML页面和Javacode（我有一个嵌入WebView的活动）。但是，如果我更改HTML代码，它必须不会影响其他平台（另一个浏览器/设备仍然应该正确解释输入字段并显示软键盘，而不是仅需要数字键盘）

Answer 1

我没试过这个，但从理论上说它应该有效：

使用type标记的HTML5 <input>属性将该字段声明为仅接受数字。这将为浏览器提供显示数字键盘的提示。要使此功能仅在Android设备上生效，请考虑发布一些特定于Android的Javascript（可以通过用户代理在客户端上执行平台检测，或者只有在检测到Android设备时才由服务器发送 - 再次使用用户代理标头），遍历所有输入元素（可能标有特殊类）并将type设置为number。

Answer 2

它们似乎在不同的设备和操作系统版本中的工作方式不同。它主要取决于在设备上运行的WebKit版本。如果它支持这些标签，它将起作用，否则，它会忽略该标签。

在2.3.4上，在我的Nexus S上，键入=数字，给出一个数字键盘。

Answer 3

我也看到将'pattern =“[0-9] *”'添加到输入标签中。试试：

<input type="number" size="4" maxlength="4" pattern="[0-9]*" ></input>