很多现代浏览器都开发了一项自动填充用户名密码的功能,而有的时候我们是不想要这样的功能的,那么如何禁止浏览器自动填充input用户名密码呢?
经过实际测试只有当浏览器遇到type=”text”与type=”password”的<input/>标签紧邻时才会触发自动填充功能,那么我们只要设置两个隐藏的input欺骗下浏览器即可,解决办法如下:
<!-- 欺骗浏览器自动填充 -->
<input type="text" style="width: 0; height: 0; position: absolute; z-index: -1;" />
<input type="password" style="width: 0; height: 0; position: absolute; z-index: -1;" />
<!-- 欺骗浏览器自动填充 -->
网络上有一些解决方案使用的是style=”display:none”,经过实际测试,某些浏览器仍然还是会识别出来,因此我们通过设置width、height、position以及z-index属性来隐藏input就可以了。