浏览器保存密码后自动填充问题

MasonEast 发布于2019-08-23 11:41 / 2644人阅读

摘要：问题描述在浏览器中进行登录操作时浏览器往往会问我们是否需要记住密码，当我们点击了记住密码后，发现浏览器会自动填充此域名下已经保存的账号密码，给用户带来不便。

问题描述

在浏览器中进行登录操作时浏览器往往会问我们是否需要记住密码，当我们点击了记住密码后，发现浏览器会自动填充此域名下已经保存的账号密码，给用户带来不便。加了HTML5 中的新属性autocomplete="off" ，但是并没有产生效果。

浏览器自动填充机制

反复测试后发现浏览器自动填充机制是满足：页面里有一个type=password的input且这个input前面有一个type=text的input的时候就会进行自动填充。firefox和360浏览器的处理方式是：只要检测到页面里有满足填充机制的，不管是不是display：none 的，只要检测到就直接往里填充。而且是有几个符合条件的就填充几个。而chrome 54版本略有不同：满足上面的条件且页面里只有一个type=password 的input。才会自动给第一个type=text 的input填充账号，给type=password 的input填充密码。

解决方案

所以根据这个机制，我的解决办法是：给第一个type=text的input前面再加一个隐藏的type=text的input，给第一个type=password的input前面再加一个隐藏的type=password的input。

到目前为止(2018-09)这个方法在chrome、firefox、ie、360、ios、安卓等各设备各浏览器中都有生效！

2019.02.20修改

最近项目中发现在Chrome(72.0.3626.109)版本中只使用一个hidden-input不生效了，尝试在加一个hidden-input就可以了，如：

混合云服务器托管自动填充自动填充php js 自动填充数据自动保存

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/97318.html

浏览器保存密码后自动填充问题

摘要：问题描述在浏览器中进行登录操作时浏览器往往会问我们是否需要记住密码，当我们点击了记住密码后，发现浏览器会自动填充此域名下已经保存的账号密码，给用户带来不便。问题描述在浏览器中进行登录操作时浏览器往往会问我们是否需要记住密码，当我们点击了记住密码后，发现浏览器会自动填充此域名下已经保存的账号密码，给用户带来不便。加了HTML5 中的新属性autocomplete=off ，但是并没有...

Sourcelink 2019-08-02 16:03 评论0 收藏0
如何禁止浏览器自动填充

摘要：所以，这里给设置初始为，在用户点击聚焦后设置为，避免浏览器在页面之后判断登录表单进行回填。本文由 Deguang 发表于码路-技术博客浏览器的保存账户密码功能，给我们带来了很大的便利，但是在有些情况下，我们并不希望浏览器帮我们填充一些表单，然而autocomplete的一些参数项并不能阻止浏览器回填，这里我们来看下如何解决这个问题。问题描述：项目注册部分的表单有三项，分别为手...

jone5679 2019-08-02 11:43 评论0 收藏0
解决浏览器保存密码自动填充问题

摘要：解决浏览器保存密码自动填充问题问题描述话说有一天，我如往常一样打开我的开发网站进行登录操作。后来发现是浏览器存在自动填充机制的问题。解决浏览器保存密码自动填充问题问题描述话说有一天，我如往常一样打开我的开发网站进行登录操作。浏览器很平常的在我们进行登录操作之后询问我是否需要记住密码，懒惰如我点击了记住密码。一切都很正常的进行着，没有什么异常发生。然而，问题就出现了。当我打开一个新...

objc94 2019-08-23 14:46 评论0 收藏0
解决浏览器保存密码自动填充问题

摘要：让看不见，而不是直接，如果直接，有些浏览器则不生效，比如谷歌修改属性将表单输入设为可读模式，浏览器自动填充就失效了，在焦点在该表单输入的时候再将可读属性移除。问题描述话说有一天，我如往常一样打开我的开发网站进行登录操作。浏览器很平常的在我们进行登录操作之后询问我是否需要记住密码，懒惰如我点击了记住密码。一切都很正常的进行着，没有什么异常发生。然而，问题就出现了。当我打开一个新建用户...

nicercode 2019-08-23 15:31 评论0 收藏0
解决浏览器保存密码自动填充问题

摘要：让看不见，而不是直接，如果直接，有些浏览器则不生效，比如谷歌修改属性将表单输入设为可读模式，浏览器自动填充就失效了，在焦点在该表单输入的时候再将可读属性移除。问题描述话说有一天，我如往常一样打开我的开发网站进行登录操作。浏览器很平常的在我们进行登录操作之后询问我是否需要记住密码，懒惰如我点击了记住密码。一切都很正常的进行着，没有什么异常发生。然而，问题就出现了。当我打开一个新建用户...

Batkid 2019-08-02 14:21 评论0 收藏0