最近做了一个项目,大纲要求不能被浏览器记录账户密码。分析浏览器应该是根据input的type="password"属性进行记录的。网上有不少方法,大多是动态甚至type属性。最后在知乎看到一个回答很巧妙,type="text",然后使用密码字体隐藏明码显示成...,给大家提供参考:
1.下载字体文件
https://revolution.screenstepslive.com/s/revolution/m/how-to/l/249-creating-a-password-field
2.配置字体文件
@font-face {
font-family: 'password';
src: url("./assets/iconfont/PasswordEntry.ttf");
}
3.给input输入框设置该字体就行,如果想查看密码,就动态修改input的字体即可。
4.有个问题,type="text"是允许输入中文的,添加keyup事件,去除中文即可:
str.replace(/[\u4e00-\u9fa5]/g, "")