android - 设备上用于密码字段的数字键盘

Question

我知道这个问题已经被问过很多次，但我之前看到的答案都不适用于我目前正在测试的任何设备。 Android、iOS 设备或 Windows 设备(从平板电脑到手机)均未实现数字小键盘。

我正在尝试在网站上实现 CV2 字段，因此需要这些项目显示为密码字段。以下是我目前正在使用的所有输入字段。

<input type="password" pattern="[0-9]*" autocomplete="off" maxlength="3" class="fm-input--small" required spellcheck="false" name="cvvNumber" data-alt-name="the last 3 digits on the back of your card" placeholder="e.g. 412" id="cvvNumber" inputmode="numeric"/>

尽管有所有这些不同的方式，但它没有提供数字键盘。在 iOS 8.0.3 设备和 Android 4.1.2 和 4.4.0 设备上测试。

我考虑过将其更改为 type=number，并强制将其加星号。但是，我找到的唯一解决方案是:

-webkit-text-security: disc;

不幸的是我不能使用它，因为我需要它在 Windows 设备上。以前也是， pattern=[0-9]* 几个月前工作，但现在没有。有谁知道是否已取消对此的支持？

我也很担心

inputmode="numeric"

因为它还不是 HTML5 版本的正式组成部分。它不起作用，所以我认为它不会被包括在内。

顺便说一下，我很高兴不仅仅通过 CSS 来解决这个问题。如果需要编写少量 jQuery，那可能是最好的方法。提前致谢!

编辑:

这适用于 iPhone iOS 6.1.3。奇怪...

Answer 1

在 IOS 中，借助以下脚本，您可以打开数字键盘。

<input type="text" pattern="[0-9]*">

或者

<input type="number" />

和 Android。

<input type="number" step="0.01">

triggering-numeric-keyboards

希望对你有帮助。