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

在前端开发中,遇到Chrome浏览器在登录弹框保存密码后,注册弹框也会默认填充密码的问题。解决方法是在input[type=password]上设置autocomplete='new-password',即使在form中有此类型input,也能阻止自动填充。此技巧对于不希望在某些场景下显示默认填充功能的情况非常有用。
摘要由CSDN通过智能技术生成

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

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

在这里插入图片描述

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值