表单密码自动填充hack

前言写前端的时候，最烦的有几件事情，其中??之一就是用户/自己输入的密码被浏览器记住后，每次调用都会自动填充页面打开。甚至不分青红皂白，只要每个页面有密码类型的输入框，就会自动填写。特别是铬。不仅烦人，有时还会影响作风。比如chrome下，输入框有背景图标，但是autofill会变成黄色背景，你的背景图标就没有了。。。怎么办？解决方法网上有很多hack方法，有的是用js控制输入框类型，有的是定时器清除输入框的值，但是都不是很好用。经过研究/测试，发现一个很简单的hack方法，纯css+html，不影响页面布局，不需要js，稳定，效果很好。CSS.hide-input{宽度：0;高度：0；位置：绝对；顶部：-100000px；opacity:0;}HTML对于Chrome浏览器，如果页面上有两个以上的密码类型输入框，自动填充时只会填写第一个和上一个输入框的账号和密码。但前提是密码输入框必须是可见的，不能显示：none；orvisibility:hidden;,所以，对于需要隐藏的输入框，我们设置宽度为0，高度为0，透明度为0，绝对定位。在页面上方较高的位置，这样的设置既保证了元素的可见性，又保证了页面的其他元素不会因为不小心而受到影响。结论的措辞有点繁琐。但是如果做成组件，就很方便了。现在前端框架都组件化了，我们完全可以把密码输入框做成一个组件，用起来不是很方便吗？希望能给你一点帮助！