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

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

网上大多数的解决方案是

方案一： 在 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; 很重要。否则会页面会出现一个很小输入框