取消chrome浏览器自动填充密码功能-autocomplete

本文介绍了如何在前端页面防止Chrome浏览器自动填充密码。当有多个`type="password"`的输入框时,Chrome会自动填充相同的密码。为避免这种情况,可以将不需要自动填充的输入框的`autocomplete`属性设为`"new-password"`,这样浏览器就不会记录该输入框的值,从而确保每个密码输入框的独立性。
摘要由CSDN通过智能技术生成

在前端页面进行登录时,需要填写密码,那么为了保证密码不被看到,我们首选的input表单的type类型必然时password。

例如

<input type="password" name="password" id="password"  placeholder="密码"/>

如果此时登录成功,那么chrome浏览器就会提示你是不是需要记住密码。

此时如果有需要在页面上加上第二个type="password"的input输入框,那么chrome浏览器就会把页面上的2个type="password"的值记录成一个,在你提交表单的时候,会把自动填充。造成最后在传向后台的时候,2个type=“password”的值一样,此时的解决办法就是更改autocomplete属性,把不需要自动填充的输入框设置成autocomplete="new-password",这样浏览器就不会记录这个输入框的值作为自动填充的值,而是记录autocomplete="on"的值。

<div class="input-tip">原账户密码</div>
<input type="password"
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值