美文网首页
chrome浏览器,禁止变单弹出记住密码和提示密码框

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

作者: 瑞破破 | 来源:发表于2020-02-28 11:06 被阅读0次

如下面代码:
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>

相关文章

网友评论

      本文标题:chrome浏览器,禁止变单弹出记住密码和提示密码框

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