html 弃用浏览器记住密码,html页面禁止自动填充浏览器记住的密码

最新推荐文章于 2024-02-26 16:11:58 发布

转载最新推荐文章于 2024-02-26 16:11:58 发布 · 480 阅读

文章标签：

#html 弃用浏览器记住密码

这篇博客探讨了如何防止Chrome等现代浏览器在登录表单中自动填充密码的问题。作者提到，`autocomplete=off`属性无法有效阻止填充，并分享了一个工作策略：在页面加载时将密码输入框类型改为`text`并清空值，然后在聚焦时再改回`password`。这种方法在AJAX提交后也会再次应用，确保密码字段保持清空。

现在的浏览器功能越来越强大，比如Chrome浏览器，在一个系统login的时候我们一般会记住密码，那么在整个系统中，浏览器一旦遇到 type="password"的控件，就会把密码自动填充到该控件。非常烦恼，问了一下同事有人说可以用autocomplete="off" 来禁用自动填充，经过简单的实践没有达到我的需求。于是回到最原始的解决方案。

比如html如下

在页面初始化的时候把type改为text 并且清空，在focus事件触发的时候又把type改为password。

$("input[name=‘admin_pwd‘]").attr("type", "text").val("").on("focus", function () {

$(this).attr("type", "password");

});

当页面ajax提交后又把type改为text且清空该值

$("input[name=‘admin_pwd‘]").attr("type", "text").val("");

原文：http://www.cnblogs.com/majiang/p/6032776.html