素材牛VIP会员
浏览器自动填充,有什么好的阻止方法?
 bo***18  分类:Node.js  人气:872  回帖:3  发布于6年前 收藏

要兼容ie8,ie8的input type修改不了,零零散散知道一些,但是总有些浏览器不乖,大厂是怎么做的?

讨论这个帖子(3)垃圾回帖将一律封号处理……

Lv1 新人
闪***星 UI设计师 6年前#1

浏览器记住密码是根据input::password"来判断的,所有我们只要保证浏览器在dom结构中识别不到密码框即可。
解决办法一:密码输入位置默认为input::text,获得焦点是更改为input::password
解决办法二:利用伪密码框和隐藏域,在这里伪密码框为input::text,只是在用户输入的时候往伪密码框填充的实心圆点●,而真实密码放在隐藏域中。
以上思路供参考,具体根据自己实际情况进行调整

Lv5 码农
bb***82 Linux系统工程师 6年前#2

可以试试,先把之前的input设置display:none;再写一个同nameinput,添加autocomplete属性为off

<input type="password" name="txtPassword" style="display:none">
<input type="password" name="txtPassword"  placeholder="请输入密码" autocomplete="off"  />
Lv4 码徒
pe***ei 移动开发工程师 6年前#3

autocomplete="false" ?

 文明上网,理性发言!   😉 阿里云幸运券,戳我领取