iOS/Android：在密码类型输入字段上打开数字键盘答案

【问题标题】：iOS/Android: Open numeric keyboard on password-type input fieldiOS/Android：在密码类型输入字段上打开数字键盘
【发布时间】：2015-05-24 04:27:29
【问题描述】：

在我的 Angular/Ionic 应用程序中，有一个 PIN 码安全性，用户需要在三个不同的输入字段中输入 3 位数字。

我为此使用“密码”类型的输入，但我想在用户点击这些输入时显示一个电话类型的键盘（只有 10 位数字）。

使用<input type="tel"> 不好，因为我希望输入像密码类型的输入一样隐藏数字。

知道如何做到这一点吗？此外，这需要同时适用于 Android/iOS 平台。

干杯，

番茄酱

【问题讨论】：

【解决方案1】：

使用 css 你可以做到这一点

将这个类添加到你的 CSS 中。

.mask-text {
    -webkit-text-security: disc;
    -moz-webkit-text-security: disc;
    -moz-text-security: disc;
}

并在您的输入元素中使用它，它将适用于 IOS 6 + 和 android 4.0 + 设备。它不适用于 Windows 设备。

<input class="form-control mask-text" type="tel"
    name="account"  ng-    model="my.model" >'

此功能是非标准的，不在标准轨道上。不要在面向 Web 的生产站点上使用它：它不适用于每个人使用

【讨论】：