1、当这个文档框获取焦点时才将其变成密码域。
<input class="form-control" autocomplete="off" name="password" οnfοcus="this.type='password'" οnblur="this.type='text'" type="text" value="" />
2、在用户名和密码之间加上一个隐藏的文本框
<input type="text" name="name">
<input type="hidden">
<input type="password" name="pass"> 3、使用假的 input 让浏览器去填充
在页面 <body> 后加入：
<!-- fake fields are a workaround for chrome autofill getting the wrong fields -->
<input style="display:none" type="text" name="fakeusernameremembered"/>
<input style="display:none" type="password" name="fakepasswordremembered"/>
这个方案原理是让浏览器去填充用户实际上看不到的 input。虽然看上去代码比较 low，但是很实用
4、使用 autocomplete 属性
在不需要自动填充的 input 上设置 autocomplete 属性：
<pre name="code" class="html"><input type="text" name="name" autocomplete="off">
<input type="password" name="pass" autocomplete="off">
这个方案只对chrome浏览器生效。
5、不使用form，直接通过div+input来实现，通过js提交表单
ps:
表单自动填充<input autocomplete="off" type="password" />这个方法应该只是阻止浏览器从cookie中获取，但是浏览器还是可以从其他途径获取。
在网页开发中，在表单中加入autocomplete="off"后，IE和FF不会提示保存密码，但是用Chrome浏览器登录系统时，会弹出自动保存密码的提示。
扫一扫
1768
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
