在浏览器中,输入密码框(input[type=password])会弹出保存密码的提示,如果保存了,下次会默认将信息填入,与需求不符,为了防止这一现象,我首先是设置了autocomplete,但是不管用(不知道是不是使用的element-ui的输入框组件的原因)而且它也没法解决弹出保存密码提示的问题,所以放弃了。
后来又看到了另一种解决办法,就是不使用password,而是使用text类型,通过设置text-security来隐藏密码
input{text-security:disc;-webkit-text-security:disc;-moz-text-security:disc;
}
这个方法在谷歌上成功了,但是在火狐上没有效果(被弃用),只能找其他方法实现。
最后实现的方法是使用仅由点组成的字库来代替这个属性,终于解决。
DotsFont: A font made of only dots
@font-face {font-family: "dotsfont";src: url('/assets/custom/font/dotsfont.eot') format('embedded-opentype'),url('/assets/custom/font/dotsfont.woff') format('woff'),url('/assets/custom/font/dotsfont.ttf') format('truetype'),url('/assets/custom/font/dotsfont.svg') format('svg');
}
input{font-family:'dotsfont';
}
参考资料:
如何防止浏览器存储密码