前端input自动填充账号密码问题处理

1. autocomplete="off"  input添加autocomplete属性
2.<form autocomplete="off"> 
在表单标签上添加autocomplete="off"属性。有些浏览器可能会尊重表单级别的autocomplete属性。
3. 最上面增加一个隐藏的表单,自动填充密码会填充在隐藏表单里面
具体生效看浏览器自身,可以1,2,3方法全部使用最佳
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<div class="opacity">
  <el-form-item label="账号" >
    <el-input v-model="name" autocomplete="off" placeholder="请输入账号"></el-input>
  </el-form-item>
  <el-form-item label="密码">
    <el-input v-model="password" autocomplete="off" placeholder="请输入密码" type="password" show-password></el-input>
  </el-form-item>
</div>
<el-form-item label="账号" prop="realName">
  <el-input v-model="form.realName" autocomplete="off" placeholder="请输入账号"></el-input>
</el-form-item>
<el-form-item label="密码" prop="realPassword">
  <el-input v-model="form.realPassword" autocomplete="off" placeholder="请输入密码" type="password" show-password></el-input>
</el-form-item>
 
.opacity {
   opacity: 0;
   width: 0px;
   height: 0px;
   overflow: hidden;
 }

  

posted @   吃饭七分饱  阅读(547)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
点击右上角即可分享
微信分享提示