登录的时候浏览器输入框自动填填充问题

今天遇到了一个需求在项目登录的时候，需要清空输入框的账号和密码。在登录成功后再次退出登录返回到登录页的时候。清空输入框。以及第一次进入或者刷新的时候清空输入框。改了代码后仍然不生效。考虑到的是浏览器的问题，浏览器自动填充。我又想关闭浏览器的自动填充，后来一想也不行，这样的行为属于掩耳盗铃。你不能左右人家的浏览器. 后来经过我的研究，研究出了一下解决办法.

只需要把auto-complete改成如上图的 auto-complete=‘new-password’ 他的意思就是你要输入一个新密码，所以他不会自动填充浏览器中记录的密码。但是还有一个问题就是在点击密码框的时候他会自动出现如图：

我不想让他出现这个框，我就在想既然输入账号的时候type绑定的是text文本，在输入密码的时候绑定的是password我想我把password也改成text不就行了吗。然后我通过调css样式把密码框的维文字改成小点点不就行了吗？代码如下

 

样式如下：

以上就完成了这个功能：

如果你想用小眼睛查看内容的话  可以在输入框后面加一个小眼睛的图标 然后点击的时候把样式去掉就可以了.