我想更改密码输入以显示数字键盘(与type="number"
相同)。
<input type="password" pattern="[0-9]*" inputmode="numeric">
但这不适用于 IE。是否可以使用其他方法执行此操作?
我删除了之前的答案,因为正如@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 11 上的 IE8.1 中运行。它唯一的问题是光标是不可见的,因为始终选择掩码。
演示