使用HTML输入类型显示数字键盘

Question

使用HTML输入类型显示数字键盘

4

我有一个特定的需求，希望在iPhone和Android移动设备上在文本输入字段聚焦时显示数字符号键盘，因为用户在字段中输入的大多数值都是数字和符号。但是该输入字段也可以接受字母字符。为了改善用户体验，我需要在字段聚焦时将数字符号键盘作为默认键盘显示。但是使用HTML5输入标签，我无法在iPhone和安卓设备上实现这一点。

Input type = text--> Alpha numeric keyboard in both iOS and Android
Input type = tel and Input type = text with pattern as 0-9 --> Number dialer keypad in both iOS and Android
Input type = number --> Numeric symbol keyboard in iOS, Numeric Keypad in android.

根据W3标准，input type=number只接受数字值和小数分隔符。即使我们可以输入其他符号，无效数字也会在表单提交时发送。所以，对于这个需求来说，Input type= number不是合适的选项。

我想要展示图片中显示的第二个键盘作为默认键盘，在输入框聚焦时自动展示。由于我同时针对网页和厚应用程序进行开发，自定义键盘不是可行的解决方案。有人有建议可以实现这个功能吗？

- Srini

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Gabe Sechan · Accepted Answer

在Android上不能强制使用特定的布局。您可以告诉键盘类型，例如数字（Android有几种数字类型，但HTML不够丰富）。然后，作为一个单独的应用程序，键盘会决定显示哪个键盘。根据特定键盘认为最好的基础，它可能显示九宫格、单数行甚至忽略您的请求。但是没有办法强制特定的设计，也没有办法确保您的键盘支持该设计。

此外，对于像这样的东西，即使可行，自定义键盘也不是一个好的答案。用户不喜欢更改键盘，如果您这样做，必须有一个很好的理由。理由“我觉得这种数字布局更好”不是一个好的理由。在这种情况下，您需要放弃这个要求。