设备上用于密码字段的数字键盘答案

【问题标题】：Numeric Keypad On Devices For Password Field设备上用于密码字段的数字键盘
【发布时间】：2015-07-05 15:38:00
【问题描述】：

我知道这个问题已经被问过很多次了，但我之前看到的答案都没有适用于我目前正在测试的任何设备。 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。奇怪...

【问题讨论】：

你在android中试过numberPassword吗？ android:inputType="numberPassword"
在android中，你可以将numberPassword给inputType标签EditText
它适用于所有设备

标签： android jquery ios html input

【解决方案1】：

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

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

或者

<input type="number" />

对于 Android。

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

triggering-numeric-keyboards

希望对您有所帮助。

【讨论】：

如您所见，我已经在输入框中输入了这些内容。它不会调出数字键盘。我的输入表单上是否存在未执行此操作的语法错误？
@KirisuteRanza，实际上我没有要检查的代码，但我会指导您评论您的标记并将其替换为 <input type="number" />。并检查天气你会得到数字键盘。
我不能这样做因为我需要它像密码一样。
@KirisuteRanza，如果你想分配那么它允许输入数字和字符。如果你想要限制，那么你需要以编程方式管理。
是的……这是我的问题。我怎么做？我是否需要将其设置为密码以及如何强制数字键盘出现？还是我需要将其设置为电话/号码并通过javascript或css隐藏字符？

【解决方案2】：

1：选择你的 UITextfied 2：转到属性检查器 3：选择所需的“键盘类型”

use  screenshot as a reference

【讨论】：

请详细说明你的截图。只是说“这有效......”并没有真正的帮助。如果你解释你展示的内容，我会投票给你的答案。
我希望我已经更改了您要求更改的内容@JesperRønn-Jensen
我没有做任何应用程序开发。这是一个网站，所以它对我没有帮助？