消除浏览器对input的自动填充
在做登录相关的页面时,常遇到这样的现象,浏览器input的自动填充行为。
原因
设置 input 的 type 属性为 password 后,当页面进行过提交,并且允许浏览器记住密码后,那么再次加载该页面时,此时 password 及附近的 input 就会被自动填充。
安全问题
如果是个人电脑,用户体验是挺好,但若不是,会存在很大的安全问题,很容易被他人盗取用户名及密码。
解决
比较简单,在input:password中添加autocomplete属性值设置为new-password即可。
<input type="password" autocomplete="new-password" />
也看到过其他方式,但这个比较简单。