element form表单中密码框被自动赋值,并默认背景色为白色,手动输值后背景色才是自己配置的背景色,与表单的自动填充有关

事件背景:

一个表单,有两组需要输入密码的地方,两组都被填充用户名密码,其中一组是其他信息,不是用户名密码,也被填充了,且input背景色是白色,表单中的input已经手动配置为无背景色,这种情况和浏览器自动填充用户名和密码有关,element表单中,需要将表单设置为autoComplete="new-password"。

复制代码
<el-form-item prop="donglePass">
          <el-input
               v-model="authForm.donglePass"
               type="password"
               auto-complete="new-password"
               placeholder="请输入密码"
               show-password
               >
           </el-input>
</el-form-item>

普通表单中的input设置autoComplete="off"就可以了。

复制代码
<input type="password" autoComplete="off"/>

但是在element UI里面设置autoComplete="off"是不生效的,需要设置为new-password,如上面所示

相关推荐
qq_184177677几秒前
前端自动部署项目到服务器
服务器·前端·javascript
非凡ghost2 分钟前
猫眼浏览器(Chrome内核增强版浏览器)官方便携版
前端·网络·chrome·windows·软件需求
Never_Satisfied7 分钟前
在JavaScript / HTML / Node.js中,post方式的Content-Type属性的text的三种编码
javascript·node.js·html
思考的笛卡尔8 分钟前
Go语言实战:高并发服务器设计与实现
服务器·开发语言·golang
C2X16 分钟前
Vue3.0 学习总结
前端
汤姆Tom18 分钟前
CSS 新特性与未来趋势
前端·css·面试
尘世中一位迷途小书童19 分钟前
🚀 pnpm + Monorepo 实战指南:现代前端项目管理的最佳实践
前端·架构
努力努力再努力wz20 分钟前
【C++进阶系列】:万字详解智能指针(附模拟实现的源码)
java·linux·c语言·开发语言·数据结构·c++·python
凤年徐22 分钟前
【C++】string的模拟实现
c语言·开发语言·c++
Never_Satisfied30 分钟前
在JavaScript / HTML中,Chrome报错Refused to execute inline script
javascript·chrome·html