在前端页面进行登录时,需要填写密码,那么为了保证密码不被看到,我们首选的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"