原文地址:https://www.zhihu.com/question/23529765
禁止浏览器保存密码和禁止浏览器填充密码
浏览器保存密码是根据input="password"来判断的,所有我们只要保证浏览器在dom结构中识别不到密码框即可。
so:
-->密码输入位置默认为input="text"。
-->在输入框上添加 onfocus="this.type='password'" 输入框获得焦点时改变输入框格式为密码框
-->输入密码
-->在提交前清空输入框密码,并修改密码框为文本框。(我的提交为发生Ajax提交,可根据自己实际情况进行调整,或者情况密码之后,将值保存在一个隐藏域中,再提交表单)
-->commit。
2. IE8+、Chrome、FF、360测试通过。
3. 其实写这段代码的时候只是为了禁止Chrome保存密码,对于其他浏览器只是验证是否正常显示。
4. 次方法不针对通过js向密码框输入密码的情况,因为js输入不触发获得焦点事件。
作者:假日企鹅
链接:https://www.zhihu.com/question/23529765/answer/90632851
来源:知乎
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
作者:熊猫
链接:https://www.zhihu.com/question/23529765/answer/78555975
来源:知乎
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
链接:https://www.zhihu.com/question/23529765/answer/140579951
来源:知乎
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
<input type="password" name="txtPassword" style="display:none">
<input type="password" name="txtPassword" placeholder="请输入密码" autocomplete="off" />
谷歌浏览器比较吊,只加上一个隐藏密码框还是不行的,把两个密码框名字改成一样的就好了,这家伙就找不到了,(*^__^*) 嘻嘻……
我又回来了-----------------------------------------------------------居然超过了1*10个人赞了我,于是乎
再给大家分享一个解决方案,有需要的可以试一试
<input type="password" style="display:none;width:0;height:0;">
<input data-placeholder="请输入密码" name="password" data-required="true" type="password" autocomplete="new-password" data-max-length="50" tabindex="2" spellcheck="false" id="auto-id-1505904797992" placeholder="请输入密码">
先输入一个隐藏文本域,再输入第二个展示的文本框,重点是我加黑的字体,编译器可能会无法识别,但是浏览器可以解析