禁止浏览器自动填充 input 用户名密码

很多现代浏览器都开发了一项自动填充用户名密码的功能，而有的时候我们是不想要这样的功能的，那么如何禁止浏览器自动填充 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 就可以了。