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

Posted lxk233

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了解决浏览器自动填充form表单账号和密码输入框的问题相关的知识,希望对你有一定的参考价值。

技术分享图片

用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表单账号和密码输入框的问题的主要内容,如果未能解决你的问题,请参考以下文章

用户记住密码,取消浏览器表单记忆自动填充

关于浏览器自动展示用户名密码等输入框的解决办法

解决输入框自动填充账号密码问题

怎么禁止自动填充浏览器记住的密码

jquery 防止自动填充表单

怎么禁止浏览器自动填充账号密码?