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

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

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

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 131,222评论 18 138
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 26,273评论 1 45
  • 从前有一个很穷很穷的农夫,农夫一共有三个儿子,第一个儿子勤劳朴实,拥有高尚的德行;第二个儿子聪明伶俐,拥有超人的智...
    小五生阅读 583评论 10 21
  • 主动收入 被动收入 意外收入
    于_未然阅读 145评论 0 1
  • “创办竹聪聪与桃兔兔这个品牌,让中国传统文化在青少年中普及,是我心里一直以来的愿望。让孩子学习点国学,不仅可以让孩...
    寒竹时尚阅读 218评论 0 0
  • 年初就听过印度上映<爸爸,摔跤吧>这部电影,对故事有着浓厚的兴趣,上线之后就带着孩子一起去看,高评分和上座率...
    Crystal随笔阅读 478评论 0 2