看完本文你将解决以下问题

如何显示网页密码

Chrome浏览器管理你的密码

问题场景再现

突然有一天，自己忘了密码怎么办？

大多数时候我们会去找回密码，手机验证、密保问题等等，新密码还会增加我们的密码记忆负担。那么如何更简单地找回密码呢？

其实现代很多浏览器都带了保存密码功能，我们只要把密码显示出来就可以了。

步骤一

比如QQ的第三方授权登录界面，我忘了自己的QQ密码，面对密码框里面的点，你需要做的第一步就是右键查看元素。找到<input type="password" 这行。

不同浏览器查看代码元素的方法大同小异，Safari需要注意，默认是没有查看元素的，我们需要按照这个步骤把它显示出来：偏好设置-高级-在菜单栏显示开发菜单，勾选，就可以了。

步骤二

把password改成text，然后回车确定，就可以显示密码了。

这里补充个知识点，input标签在html里面用于搜集用户信息，用password，里面输入的密码会以点来显示，我们做的只是把值改成text，就是文本，这样就可以把密码显示出来了。

其他

其实Chrome浏览器的密码记录功能也可以找到我们经常使用的密码。

Chrome设置-高级-管理密码，点击右侧的眼睛，输入电脑密码就可以看到。

结语

这次的密码找回，我们接触到了html中的input标签，这也是最基本的html必备知识点。

UI是充满技术性的，作为UI设计师，了解一下html非常有必要。

---

更多UI设计干货文章请关注UI黑客

微信公众号 uihacker

UI黑客官网http://www.uihacker.com/

UI黑客论坛http://bbs.uihacker.com/

---