谷歌中,input输入密码时,浏览器默认记住密码填充问题。

在谷歌浏览器登录的时候,浏览器会将用户的登录密码记住,在修改密码的,或者当input,type是password的模式下,获取焦点的时候,浏览器会将用户以前输入记录的,显示在下方,你移入的时候会填充到别的input上面,这种效果非常的不好。

问题展示

看到有些是给元素设置一个属性,autocomplete为off,但我尝试了,效果还是那样。移入下面浏览器记住的那些密码上面的input还是受到影响

  autocomplete="off"   // 效果没达到。

又看到有些博主将这个属性加到 form 元素上可以阻止。

        <form action="" autocomplete="off">
            <input
              type="password"
              autocomplete="off"
              @blur="checkpassword"
              v-model="oldPassword"
              placeholder="请输入当前密码" />
          </form>

尝试以后发现是阻止了,但下面的浏览器默认的还是没有阻挡住。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 前端开发面试题 面试题目: 根据你的等级和职位的变化,入门级到专家级,广度和深度都会有所增加。 题目类型: 理论知...
    怡宝丶阅读 2,605评论 0 7
  • 很多浏览器在我们初次登录的时候都会弹框询问是否记住密码,如下所示: 一旦我们选择了保存,那么后面每次进入网站的时候...
    菜菜___阅读 3,209评论 1 5
  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 3,526评论 1 11
  • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 4,036评论 0 0
  • 凝眸窗外望 花开如雪海 不知君何处 相约已不在?
    鹿晓萱妈妈阅读 128评论 0 2