2

如何禁用表单中的默认密码管理器?

我有一个网站,其中用户需要在某些操作中输入他们的密码(只有数字,隐藏的字符)。pin输入是密码类型。我的网站也有一个登录页面。当用户登录并保存密码时,保存的密码会不断弹出与登录凭据无关的 pin 输入。填写密码后,浏览器还会显示更新已保存密码的选项。

如何禁用此默认行为?我只希望密码管理器在登录表单中工作,而不是 pin 表单。我已经在 Chrome 和 Opera 中进行了测试。

如果没有,是否有解决方法?

4

1 回答 1

1

鉴于浏览器想要“记住”密码,并且如果在同一个地方有另一个密码类型的输入,那么我认为您将不得不放弃将密码输入作为密码类型的想法。

相反,您可以通过将可接受的输入限制为 4 位数字并设置安全性以使数字不会得到回显,从而仅在 HTML 中获得某种方式。您还可以通过更改输入元素的外观来提醒用户输入无效。

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

.pincode:invalid {
  border: red solid 3px;
}
<input name="pincode" type="text" class="pincode" maxlength="4" inputmode="numeric" pattern="[0-9]{4}">
<button onclick="alert(document.querySelector('input').value);">OK</button>

于 2021-10-12T07:04:03.033 回答