2023年6月21日发(作者：)

消除浏览器对input输⼊框的⾃动填充Mozilla官⽅⽂档建议的是 直接使⽤ autocomplete = ‘off’ 即可禁⽌输⼊框从浏览器cache获取数据，博主以前使⽤这个也就⾜够兼容浏览器了。现在发现，却在chrome、firfox上有兼容性 ⽆法解决。后来查阅相关资料得到以下解决⽅法：1：可以设置⼀个默认的input⽤来接收浏览器的默认填充，并且设置css为dispaly：none形如：这样既不会影响⽤户的体验，也可以兼容所有的浏览器，但经过测试却发现，在chrome上不起作⽤，在firefox上也只能对type != password的 输⼊框起作⽤。2：autocomplete = 'new-password'使⽤上诉代码，在chrome上既可⽣效，⽤户名与密码都不会⾃动填充，但是firefox上任然会⾃动填充⽤户名3：结合上诉两个情况 ⽤户名：

密码：既可解决针对chrome与firefox内核的浏览器⾃动填充输⼊框的问题4：但是近期经过测试发现 这种⽅法还是不能解决firefox上密码框的历史输⼊，可以:3步骤上做这样的操作：

2023年6月21日发(作者：)

消除浏览器对input输⼊框的⾃动填充Mozilla官⽅⽂档建议的是 直接使⽤ autocomplete = ‘off’ 即可禁⽌输⼊框从浏览器cache获取数据，博主以前使⽤这个也就⾜够兼容浏览器了。现在发现，却在chrome、firfox上有兼容性 ⽆法解决。后来查阅相关资料得到以下解决⽅法：1：可以设置⼀个默认的input⽤来接收浏览器的默认填充，并且设置css为dispaly：none形如：这样既不会影响⽤户的体验，也可以兼容所有的浏览器，但经过测试却发现，在chrome上不起作⽤，在firefox上也只能对type != password的 输⼊框起作⽤。2：autocomplete = 'new-password'使⽤上诉代码，在chrome上既可⽣效，⽤户名与密码都不会⾃动填充，但是firefox上任然会⾃动填充⽤户名3：结合上诉两个情况 ⽤户名：

密码：既可解决针对chrome与firefox内核的浏览器⾃动填充输⼊框的问题4：但是近期经过测试发现 这种⽅法还是不能解决firefox上密码框的历史输⼊，可以:3步骤上做这样的操作：