避免浏览器保存密码

在浏览器中，输入密码框（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';
}

参考资料：
如何防止浏览器存储密码