码迷,mamicode.com
首页 > 其他好文 > 详细

解决浏览器自动填充form表单账号和密码输入框的问题

时间:2018-06-28 10:59:52      阅读:847      评论:0      收藏:0      [点我收藏+]

标签:技术   col   清除   技术分享   填充   .com   pass   oat   解决   

技术分享图片

用js去清除input的value值是无效的,因为浏览器填充账号密码的动作是在js执行完之后发生的。

浏览器会自动寻找第一个输入框和最后一个密码框自动填充,我们可以给它添加一些假的密码框,让其无法自动填充。

解决办法:

  在自己的input框前后添加假的<input type="password"style="width:0;height:0;float:left;visibility:hidden"/> 

<input type="password"style="width:0;height:0;float:left;visibility:hidden"/>                                                                                                 
                              <input type="password" style="width:300px;" name="myPassword" id="myPassword" lay-verify="myPassword"  autocomplete="off"  class="layui-input">
                            <input type="password"style="width:0;height:0;float:left;visibility:hidden"/>

 

解决浏览器自动填充form表单账号和密码输入框的问题

标签:技术   col   清除   技术分享   填充   .com   pass   oat   解决   

原文地址:https://www.cnblogs.com/lxk233/p/9237401.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!