各个浏览器都有记住密码功能,方便客户登录,但是在网站其他地方使用密码框时会自动填充密码,比如修改密码,注册等页面,这样再使用时影响了用户的体验,经过调查,有很多方法解决,大部分是js控制,但这种方法比较繁琐,经过测试研究,找到两种比较简单的方法:
1、在页面的 第一个password元素 (有些页面会有多个password,如注册页面)之前加入一行代码:
<input type="password" style="display: none;">
这样能支持大部分浏览器,但是360,猎豹等还是不行。
2、对于 360等,将密码框的 name属性设置成一样就行,例如:
<input id="password1" name="password1" type="password" class="td_input" placeholder="请输入密码">
<input id="password2" name="password1" type="password" class="td_input" placeholder="请再次输入密码">
这样缺点是不能使用form表单提交,因为name一样,我们网站是ajax提交的所以用这种可以解决。
应该还有别的简单方式,欢迎留言交流。