通常情况下,浏览器会默认将已保存的账号密码 填充到 input    type 值为password的输入框内,如果在登录页面,这当然是非常好的,自动填充密码可以节约时间,提高良好的使用体验,这样当然是没有什么问题的

但是如果在注册页面、新增账号等页面,这种操作 就是超出需求了(有点多此一举)

     <el-col :span="12"><el-form-item label="邮箱:" prop="email"><el-input  v-model="ruleForm.email"></el-input></el-form-item></el-col><el-col :span="12"><el-form-item label="密码:" prop="password"><el-input  type="password" v-model="ruleForm.password"></el-input></el-form-item></el-col>

解决方法

auto-complete="new-password"

在 type 为 passworld 的 input 中加 auto-complete="new-password" 属性即可

   <el-col :span="12"><el-form-item label="邮箱:" prop="email"><el-input auto-complete="new-password" v-model="ruleForm.email"></el-input></el-form-item></el-col><el-col :span="12"><el-form-item label="密码:" prop="password"><el-input auto-complete="new-password" type="password" v-model="ruleForm.password"></el-input></el-form-item></el-col>

解决 el-input 密码输入框浏览器自动填充账号密码问题相关推荐

  1. 解决 Element的el-input 密码输入框浏览器自动填充账号密码问题

    问题描述 通常情况下,浏览器会默认将已保存的账号密码 填充到 input    type 值为password的输入框内,如果在登录页面,这当然是非常好的,自动填充密码可以节约时间,提高良好的使用体验 ...

  2. 禁止浏览器自动填充账号密码

    登录页面常用,登录后浏览器自动填充账号密码,非常不安全,一般为了方便都设置记住密码功能. 解决方法: 方法一 设置autocomplete为off,适用于普通文本框 <input type=&q ...

  3. 去除浏览器自动填充账号密码的几种方式

    作为一个前端,经常在页面画好以后,发现不需要自动填充账号密码的地方会出现浏览器弹窗 可以通过增加一个不显示的input 如果是element ui 可以使用 auto-complete="n ...

  4. 解决浏览器自动填充账号密码行为

    这东西真的不是程序员的问题,但是没办法拿着别人的给的钱就必须解决. 如果你很急,就直接跳到最后一个看解决办法. 首先为什么会出现这种情况 本人实验了三个浏览器360浏览器.火狐浏览器.谷歌浏览器(都是 ...

  5. 前端不让浏览器自动填充账号密码

    这篇文章挺详细的: https://blog.csdn.net/youand_me/article/details/79165227?utm_source=copy

  6. PC端浏览器自动填充账号密码输入框问题该如何解决?

    项目场景: 个人中心界面有个子菜单--修改支付密码,可以进行支付密码设置和修改. 问题描述 修改支付密码页面有三个输入框,第1个是type="text"的文本类型输入框,最后2个是 ...

  7. element-ui 去掉谷歌浏览器el-input组件或input自动填充账号密码

    element-ui 去掉谷歌浏览器el-input组件自动填充账号密码 效果图 一.主要代码之el-input 二.主要代码之input 1.使用element中el-input自带的属性auto- ...

  8. 解决输入框自动填充账号密码的问题

    解决输入框自动填充账号密码的问题 参考文章: (1)解决输入框自动填充账号密码的问题 (2)https://www.cnblogs.com/yzyh/p/11584500.html (3)https: ...

  9. html5自动填充账号密码,谷歌浏览器怎么自动填充账号密码?自动填充账号密码的方法分享...

    谷歌浏览器自动填充账号密码方法图文教程,相信有很多小伙伴对此存在疑惑,接下来就跟着IEfans小编一起了解一下谷歌浏览器自动填充账号密码方法图文教程吧! 谷歌浏览器自动填充账号密码方法: 方法一: 首 ...

最新文章

  1. Python命令行神器 Click 入门笔记
  2. Xshell连接Ubuntu时提示SSH服务器拒绝了密码
  3. RabbitMQ-JAVA-ClientAPI示例
  4. 下列选项中不是具体的python序列类型的是_以下选项中,不是具体的Python序列类型的是...
  5. Nginx配置基础-proxy_pass
  6. python可以做数据库功能吗_python可以用哪些数据库
  7. O’Reilly创始人Tim O’Reilly谈领导力
  8. python数据分析六个环节_安利6个珍藏的Python数据分析神器
  9. wps 根据单元格值 设置单元格所在行 颜色(大于0 行红色 小于0 行xx色)
  10. 光遇服务器修复时间,光遇:测试服调整,瞬间Bug被修复?几家欢喜几家愁
  11. 自己手动重写的equals方法与自动生成重写的equals方法的区别
  12. 七、C/C++指针(易懂易学习,附代码案例)
  13. CRM定义、边界和分类
  14. 上位机与台达DVP-SS2 PLC串口通讯
  15. Hive常用函数 - abs
  16. Android悬浮窗初探声音处理相关总结
  17. js Proxy 从入门到废掉的整个过程
  18. python的Firebird驱动:FDB使用说明
  19. html js写法,js判断写法.html
  20. 轻松搞定树莓派的媒体播放软件omxplayer

热门文章

  1. 有关移动端IM通信协议的坑
  2. ffmpeg 日志系统av_log()
  3. C#使用NPOI操作Excel错误解决
  4. 推荐几款精致的前端web UI框架,建议收藏
  5. Python Selenium 关键字驱动
  6. 【IAP支付之一】In-App Purchase Walk Through 整个支付流程
  7. 网强网管软件—吃得运维苦,方为人上人
  8. 网络信息安全(二)——ARP攻击实验演示(如何优雅切断别人网络)
  9. 操作系统之信号量机制
  10. 读后:警惕软件复杂度困局