关于去除Chrome浏览器表单自动填充问题

参考了其他大牛文章很多解解决方案后，也做了尝试，问题解决了。在尝试中发现，自动填充总从第一个可见的文本框开始填充。于是做了以下证明：

        1.在页面中第一个可见文本框之前增加一个<input type="hidden">hidden类型文本框。

        2.在页面中第一个可见文本框之前增加一个<input type="text" stye="display:none;">text类型文本框，把display属性设置成none。

        3.在页面中第一个可见文本框之前增加一个<div stye="display:none;"><input type="text" ></div>text类型文本框,并把外层div的display属性设置成none。

    通过以上三种尝试，证明了Chrome浏览器自动填充是从第一个可见的文本框开始填充（2,3种方法去除display属性后可证），结合了其他大牛的解决方案后，本人也尝试了另一种解决方案：

     在页面中第一个可见文本框之前增加一个<input type="text" style="position:absolute;z-index:-100000">text类型文本框,通过样式z-index，把input的层次调整在当前页可见层之下，用其他可见层遮挡住input，实现隐藏的效果。从而解决了Chrome浏览器表单自动填充问题。