查看: 625|回复: 0

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

TA的每日心情

	奋斗 2024-4-6 11:05

签到天数: 748 天

[LV.9]以坛为家II

2034 主题	2092 帖子	70万积分

Rank: 9 Rank: 9 Rank: 9

发表于 2021-9-2 17:11:51 | 显示全部楼层 |阅读模式

在我们使用表单组件中 <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>

哎...今天够累的，签到来了1...

		自动登录	找回密码
密码			立即注册

JAVA高级面试进阶训练营视频教程