前情提要:
这两天实现了一个密码强度的提示框,效果如图一所示。就还凑活吧,就是根据输入框的内容去动态改变密码强度提示框的样式(主要是颜色)。实现起来并不算困难,所以这并不是本次的重点。想讨论的是如图二所示的问题:浏览器默认填充密码的行为。
图一
图二
一、autocomplete
我本来以为,这个填充行为可以通过浏览器的一些设置去关闭掉,但是我试过其实还是不能阻止,我的理解是关闭那些关于密码的设置之后只能保证不记录之后的密码,但是之前保存过的密码还是会显示在type=“password”的输入框中,浏览器对这个类型的输入框捕获能力是挺强的。
图二的这种情况,网上推荐最多的(50%以上吧)做法那肯定是利用输入框的autocomplete属性了。本来以为使用输入框的autocomplete属性可以规避掉这个问题,但是没想到这个属性是不一定会生效的,就很烦恼啦,然后我就开始