前端input自动填充账号密码问题处理
1. autocomplete="off" input添加autocomplete属性
2.<form autocomplete="off"> 在表单标签上添加autocomplete="off"属性。有些浏览器可能会尊重表单级别的autocomplete属性。
3. 最上面增加一个隐藏的表单,自动填充密码会填充在隐藏表单里面
具体生效看浏览器自身,可以1,2,3方法全部使用最佳
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; } |
标签:
vue
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 【自荐】一款简洁、开源的在线白板工具 Drawnix