不让浏览器询问“是否记住密码”的前端解决方案

在我们使用表单组件中 <input type='password'> 的时候,浏览器会询问,是否记住密码。

当选择是的时候,下次进入页面,浏览器会自动帮你填入账号和密码。而有些场景下,我们不希望浏览器帮我们自动填入,也不希望浏览器提示记住密码,这时怎么办呢?

可以采用如下方案:
1、将input的autocomplete设置为off
2、将input type设置成text,非password的type浏览器是不会提示记录的
3、给input绑定一个onfocus事件,当input获得焦点时,修改input的type为password

具体代码如下,

<input type="text" onfocus="this.type='password'" autocomplete="off"></input>

posted on 2018-01-06 15:41  cag2050  阅读(2120)  评论(0编辑  收藏  举报

导航