如何禁用浏览器保存密码功能?
How to disable browser save password functionality?
如何禁用浏览器保存密码功能?
the same questions are no longer working since browsers chose的建议不再支持这个。我真的不想讨论这是否应该是这种情况,只是要求最简单的方法来欺骗浏览器不显示发送密码 window.
你应该使用自动完成属性
自动完成属性
自动完成属性指定表单或输入字段是否应启用或关闭自动完成功能。启用自动完成后,浏览器会根据用户之前输入的值自动完成值。
提示:表单可以自动完成"on",特定输入字段可以自动完成"off",反之亦然。
自动完成属性适用于以下类型:文本、搜索、url、电话、电子邮件、密码、日期选择器、范围和颜色。
<form action="action_page.php" autocomplete="off">
First name:<input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
E-mail: <input type="email" name="email" autocomplete="off"><br>
<input type="submit">
</form>
是否显示密码保存对话框由浏览器决定
像很多人一样,我多年来一直使用 autocomplete=off
技巧。不幸的是,现在浏览器不再支持该属性,我不得不想出其他办法。这是 jQuery 中有效的解决方案:
$(function() {
$('input[type=password]').each(function() {
$(this).attr('data-background-color', $(this).css('background-color'));
$(this).css('background-color', $(this).css('color'));
$(this).attr('type', 'text');
$(this).focus(function() {
$(this).attr('type', 'password');
$(this).css('background-color', $(this).attr('data-background-color'));
});
$(this).blur(function() {
$(this).css('background-color', $(this).css('color'));
$(this).attr('type', 'text');
});
});
});
它不会停止自动完成,这是更改为自动完成的目的,但它会首先阻止密码存储管理器检测密码字段。
它是如何工作的:它在页面完成加载后抓取文本字段的背景颜色并将其松鼠掉(数据背景颜色)。然后它将背景颜色设置为文本颜色并将输入类型更改为 'text'。聚焦时,该字段将恢复到其先前的状态(具有原始背景色的密码字段)。在模糊时,字段背景颜色和类型再次换出。提交表单时,它只是一个文本字段。您可以获得密码字段的所有好处(例如,无需复制),而无需密码管理器在提交表单时妨碍您。
注意:如果文字本身有特殊效果,可能无法正常使用。它还存在一些小的键盘插入符号焦点问题,在该字段中单击会导致插入符号跳转到文本的开头,而不是单击发生的位置。
从好的方面来说,它与禁用了 Javascript 的浏览器配合得很好。渐进增强等等。
如何禁用浏览器保存密码功能?
the same questions are no longer working since browsers chose的建议不再支持这个。我真的不想讨论这是否应该是这种情况,只是要求最简单的方法来欺骗浏览器不显示发送密码 window.
你应该使用自动完成属性
自动完成属性
自动完成属性指定表单或输入字段是否应启用或关闭自动完成功能。启用自动完成后,浏览器会根据用户之前输入的值自动完成值。
提示:表单可以自动完成"on",特定输入字段可以自动完成"off",反之亦然。
自动完成属性适用于以下类型:文本、搜索、url、电话、电子邮件、密码、日期选择器、范围和颜色。
<form action="action_page.php" autocomplete="off">
First name:<input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
E-mail: <input type="email" name="email" autocomplete="off"><br>
<input type="submit">
</form>
是否显示密码保存对话框由浏览器决定
像很多人一样,我多年来一直使用 autocomplete=off
技巧。不幸的是,现在浏览器不再支持该属性,我不得不想出其他办法。这是 jQuery 中有效的解决方案:
$(function() {
$('input[type=password]').each(function() {
$(this).attr('data-background-color', $(this).css('background-color'));
$(this).css('background-color', $(this).css('color'));
$(this).attr('type', 'text');
$(this).focus(function() {
$(this).attr('type', 'password');
$(this).css('background-color', $(this).attr('data-background-color'));
});
$(this).blur(function() {
$(this).css('background-color', $(this).css('color'));
$(this).attr('type', 'text');
});
});
});
它不会停止自动完成,这是更改为自动完成的目的,但它会首先阻止密码存储管理器检测密码字段。
它是如何工作的:它在页面完成加载后抓取文本字段的背景颜色并将其松鼠掉(数据背景颜色)。然后它将背景颜色设置为文本颜色并将输入类型更改为 'text'。聚焦时,该字段将恢复到其先前的状态(具有原始背景色的密码字段)。在模糊时,字段背景颜色和类型再次换出。提交表单时,它只是一个文本字段。您可以获得密码字段的所有好处(例如,无需复制),而无需密码管理器在提交表单时妨碍您。
注意:如果文字本身有特殊效果,可能无法正常使用。它还存在一些小的键盘插入符号焦点问题,在该字段中单击会导致插入符号跳转到文本的开头,而不是单击发生的位置。
从好的方面来说,它与禁用了 Javascript 的浏览器配合得很好。渐进增强等等。