input框取消自动回填账号密码等信息的解决方法

 

最近在开发注册界面的时候,发现了一个问题,chorme浏览器中账号和密码老是回填到input框中(浏览器保存的用户名和密码自动填充).

刚开始给input框添加autocomplete="off",没管用

给form 加这个也没管用

最终通过这个方法解决的阻止浏览器自动回填表单功能

<form role="form" autocomplete="off">
 
  <!--文本类-->

  <input type="text" autocomplete="off"/>  
  
  <!--密码类-->
   
  <input type="password" autocomplete="new-password"/>  

  
</form>

发现只有密码框不回填后,即添加autocomplete="new-password"
  <input type="password" autocomplete="new-password"/>  

那两个才生效,密码框的写法,参照了网易邮箱里面的密码框的写法.

具体原因尚未明确,但是解决了,还望大家留言交流