有时候页面不需要自动填充密码,偶尔会填充到不该有的地方。
网上大多数的解决方案是
方案一: 在 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; 很重要。否则会页面会出现一个很小输入框