禁止谷歌浏览器自动填充密码 和手机号码

有时候页面不需要自动填充密码，偶尔会填充到不该有的地方。

网上大多数的解决方案是

方案一： 在 input 框架 autocomplete="off" 属性，或者new-password 

方案二： 在密码框前 加一个隐藏的密码框，用来给浏览器填充。<input type="password" style="display: none"/>。

方案二隐藏后行不通。不隐藏是可以的。

于是有了以下思路，在表单下面加没有高度的密框和text来抵挡自动填充的密码和手机号。

<input  class="hiddenRemembered" type="text" style="width: 0;height: 0;border:none;" name="remembered"/>
<input  class="hiddenRemembered" type="password" style="width: 0;height: 0;border:none;" name="remembered"/>

 

等自动填充后隐藏文本框$(function () {
   $(".hiddenRemembered").hide();
})

 

border:none; 很重要。否则会页面会出现一个很小输入框