chrome浏览器,禁止变单弹出记住密码和提示密码框

如下面代码:
1.给type为text的输入框加入 autocomplete="off";
2.给type为password的输入框加入 autocomplete="new-password"
3.往两个输入框前边分别添加两个display为none的输入框,作用是:欺骗浏览器,让浏览器以为此时的账号密码框是隐藏的两个。

       <el-form-item label="登录名" prop="vLoginName">
          <!-- 用于欺骗浏览器 -->
          <el-input style="display:none"  type="text" autocomplete="off" placeholder="请输入登录名" v-model="formdata.vLoginName"></el-input>
          <el-input  type="text" autocomplete="off" placeholder="请输入登录名" v-model="formdata.vLoginName"></el-input>
        </el-form-item>
        <el-form-item label="密码" prop="vPassword">
          <!-- 用于欺骗浏览器 -->
          <el-input style="display:none" type="password" autocomplete="new-password" v-model="formdata.vPassword"  ></el-input>
          <el-input placeholder="请输入密码" type="password" autocomplete="new-password" v-model="formdata.vPassword" ></el-input>
        </el-form-item>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 控制密码显示与隐藏的功能已经完美实现。然而问题又来了:浏览器有个记住密码的功能,下次登录时会自动填充上次登录记住的...
    coder丶L阅读 7,936评论 0 1
  • 很多浏览器在我们初次登录的时候都会弹框询问是否记住密码,如下所示: 一旦我们选择了保存,那么后面每次进入网站的时候...
    菜菜___阅读 8,445评论 1 5
  • 前端开发面试题 面试题目: 根据你的等级和职位的变化,入门级到专家级,广度和深度都会有所增加。 题目类型: 理论知...
    怡宝丶阅读 7,380评论 0 7
  • 简介网络浏览器很可能是使用最广的软件。在这篇入门文章中,我将会介绍它们的幕后工作原理。我们会了解到,从您在地址栏输...
    wengjq阅读 6,459评论 2 15
  • 笑是一种无声的语言 每天带上自己的微笑 给人力量给人爱 当生活一帆风顺时 绽放笑颜是常态 如若身处逆境仍能保持微笑...
    方海敏阅读 9,740评论 57 49