【前端】浏览器防止自动代填和回显已经保存的账号的解决方案

最近遇到客户出的难题,登录和密码框不要自动代填已经保存过的密码,本以为在输入框加个

autocomplete="off"

 

就完事,没想到这个只能屏蔽历史输入,已保存的用户信息在火狐浏览器还是如此的倔强,如图所示:

 【前端】浏览器防止自动代填和回显已经保存的账号的解决方案_第1张图片

 

 【前端】浏览器防止自动代填和回显已经保存的账号的解决方案_第2张图片

还是要回显提示,已经存过的其他账号,网上溜达了一圈,还是没有一个明明白白的答案,后来经过反复调试,

发现输入框是文本和password类型就会触发火狐浏览器的自动回显,

网上也给过在输入框上加上onfocus事件来更改输入框类型的方案:


  

但逻辑还是不够严密,我输错了密码再回删,它又会回显出来,表单提交后刷新也会,最后经过不断尝试,给出的解决方案如下:

 

 

//当把登录输入框和密码输入框的type设置为search是不会触发的


...
//

  

你可能感兴趣的:(【前端】浏览器防止自动代填和回显已经保存的账号的解决方案)