admin管理员组

文章数量:821304

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

在前端页面进行登录时,需要填写密码,那么为了保证密码不被看到,我们首选的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" name="oldpassword" id="oldpassword" value="${oldpassword}" autocomplete="new-password" placeholder="原密码">
<div class="input-tip">8-20个字符,必须包含字母、数字和下划线</div><input type="password" name="newpassword" id="newpassword" value="${newpassword}" autocomplete="off" placeholder="新密码">
<div class="input-tip">重复新密码</div>
<input type="password" name="renewpassword" id="renewpassword" value="${renewpassword}" autocomplete="off" placeholder="再次确认新密码" ">

 

本文标签: 取消chrome浏览器自动填充密码功能