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

Question

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

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

使用<input type="tel">并不好，因为我希望输入隐藏数字，如密码输入。

有关如何做到这一点的任何想法？此外，这需要适用于Android / iOS平台。

干杯，

tomatoKetchup

Answer 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" >'