Question

我想更改密码输入以显示数字小键盘（与type="number"相同）。

<input type="password" pattern="[0-9]*" inputmode="numeric">

但这不适用于IE。是否可以用另一种方法做到这一点？

Answer 1

我删除了之前的答案，因为正如@IsmaelMiguel所说，它没有用。这是他在评论中建议的实现。如果有人感觉赞成这一点，那也请提出他的意见。

在密码字段上叠加透明的type=number字段。

<div style="position:relative;">
    <input id="mask" type="number" pattern="[0-9]*" inputmode="numeric" style="position:absolute;opacity:0;" />
    <input id="pin" type="password" />
</div>

jQuery用于将值从数字字段传递到密码字段

$(function(){
    $("#mask").on("keyup", function (e) {
        $("#pin").val($("#mask").val());
    });
});

我已对此进行了测试，它可以在Windows 8.1的IE11中运行。唯一的问题是光标是不可见的，因为总是选择掩码。

Demo

使输入类型=“密码”使用IE上的移动设备上的数字键盘

1 个答案: