在网页开发时,我们经常会有input搜索框和用户名密码的input被浏览器自动回填的时候,但是很多时候,自动回填的值不是我们想要的,摸索了一段时间之后,终于找到终极解决方案
在页面的最前面加入两个input,属性不要设置为hidden,因为我测试过hidden,是无效的。其中一个属性设置为type=“text”,另外一个属性设置为type=“password”,然后通过绝对定位,让这两个input不显示在页面上,代码如下:
<input class="hidden-inp" type="text" />
<input class="hidden-inp" type="password" />
.hidden-inp {
position: absolute;
top: -3000px;
}
使用absolute绝对定位,使两个input显示在页面之外,同时也完美解决了浏览器回填的问题