美文网首页
浏览器记住密码的前端解决方案

浏览器记住密码的前端解决方案

作者: Hoistthecolors | 来源:发表于2018-07-12 10:48 被阅读64次

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

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

可以采用如下方案:

1、将inputautocomplete设置为off
2、将input type设置成text,非passwordtype浏览器是不会提示记录的
3、给input绑定一个input事件,当input获得焦点时,修改inputtypepassword

具体代码如下,

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

这样就可以手动的操控用户是否能够记住密码和密码是否能够自动填入了。

相关文章

  • chrome谷歌浏览器input自动填充的各种问题

    chrome谷歌浏览器记住密码后默认样式问题 登录记住密码以后,再次进入登录页,会有默认的背景颜色 解决方案:通过...

  • 浏览器记住密码的前端解决方案

    在我们使用表单组件中 的 时候,浏览器会询问,是否记住密码。 当选择是的时候,下次进入页面,浏览器会自动帮你填入...

  • 浏览器记住密码问题的解决方案

    解决各个浏览器记住密码的解决方案 autocomplete="off" 在特定浏览器下可以解决问题,但对于360等...

  • 屏蔽谷歌浏览器的默认记住密码

    屏蔽谷歌浏览器记住表单密码 解决谷歌浏览器表单记住密码引起的各种bug,记住密码后输入框看似有值,但使用js表单验...

  • 浏览器自动填充表单问题

    浏览器记住密码的机制 首先理解浏览器保存密码和自动填充是两个机制,记住密码机制需要遵循同源策略 1.测试浏览器(m...

  • 去掉web浏览器记住密码的功能

    去掉web浏览器记住密码的功能: 来一波解释默认的,浏览器会帮你记住密码,经过测试,只要你的页面中有密码框。 in...

  • 参考的文章

    验证码 图片验证码前端怎样获取后端生成的验证码图片,并且点击图片的时候改变验证码 记住密码 前端记住密码功能密码安...

  • 解决chrome 浏览器记住密码问题

    最近有这个需求,不让浏览器记住密码(提示保存密码)在网上查了好多解决方案,但都行不通我也很绝望。。只要显示这个小钥...

  • vue实现记住密码 JsEncrypt 加密 && Messa

    需求:前端实现记住密码将密码加密解密存储本地 安装 代码 ----------------------------...

  • 前端记住密码

    需求:前端实现记住密码功能 实现: 其实就是根据用户有没有选中记住密码,来判断要不要把用户账号和密码存在cooki...

网友评论

      本文标题:浏览器记住密码的前端解决方案

      本文链接:https://www.haomeiwen.com/subject/llplpftx.html