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

2020-02-28  本文已影响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>
上一篇 下一篇

猜你喜欢

热点阅读