设备上的数字键盘密码字段

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设备上。以前也是这样，模式= [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

希望这对你有所帮助。

Answer 2

1：选择您的UITextfied 2：转到“属性”检查器 3：选择所需＆＃34;键盘类型＆＃34;

use  screenshot as a reference