解决浏览器会自动填充密码的问题

在前端开发过程中有一个现象:
有登录和注册的弹框,当我们从登录弹框中登陆成功,chrome会弹出是否保存密码的提示框,点击保存密码按钮,然后接着退出账户,这时打开注册弹框,你会发现注册弹框中用户名和密码也被默认填写进去了(登录弹框中默认填写进去符合逻辑)
but! 有时候 我们在一些别的场景中是不需要这个默认显示功能的, 因为怎么做?

查阅资料解决方案
在form上或input上添加autoComplete='off'
然而 chrome中并没有生效

在这里插入图片描述

原因: form中有input[type=password],autocomplete=”off”将不起作用
把input[type=password] 删除就可以起作用, 但是往往账号和密码是同时出现的
这个时候只需要在input[type=password]框中设置
autocomplete="new-password"就可以解决
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/zm_miner/article/details/124242009