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,如上面所示

相关推荐
Demon--hx12 小时前
设计不能被继承的类
开发语言·c++
名字还没想好☜12 小时前
Prometheus 告警实战:写 alerting rules、用 Alertmanager 做路由分组与抑制
运维·前端·javascript·docker·kubernetes·prometheus
郭邯13 小时前
从零撸了一个 HTML 实体编解码工具,顺便聊聊我和 AI 结对编程的日常
前端
兔兔兔兔113 小时前
记录C++ 13
开发语言·c++·算法
樊小肆13 小时前
DeepSeeker-Code源码导读12-Hooks四引擎
前端·人工智能·agent
码行山野赴时序归途13 小时前
从暴力到最优:三道 C 语言入门题的解法思路
c语言·开发语言·数据结构·算法·leetcode·排序算法
xm_xm_xm_113 小时前
TypeScript 7 个 核心特性
前端·typescript
mONESY13 小时前
手把手从零复刻「英文网页 AI 翻译」Chrome 插件(新手向)
javascript
pppiii13 小时前
前端并发请求控制:5 种实现方案完整梳理
前端
郑州光合科技余经理13 小时前
本地生活平台搭建:统一订单表与多后台切换怎么拆
java·开发语言·前端·系统架构·uni-app·php·ai编程