php - 使输入类型为 =“Password” 在带有 IE 的移动设备上使用数字键盘

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 中运行。唯一的问题是光标是不可见的，因为总是选择 mask 。

Demo