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

相关推荐
java1234_小锋几秒前
【技术专题】CSS3 网页技术 - CSS3 单位、颜色、字体与文本
前端·css·css3
波力海苔夹心脆6756 分钟前
C# 委托与事件详解:委托声明、Action/Func、多播、event 与 EventHandler 入门教程
开发语言·c#·.net·上位机·委托·事件
biaov9 分钟前
Jenkins + Docker 搭建前端 CI:前端一键打包部署
前端·docker·jenkins
rich_Chan.12 分钟前
阿里云百炼联网搜索教程:web_search 工具开启方法、web_extractor 网页抓取与 json 检索轨迹
前端·阿里云·json
DevNote_20 分钟前
1C1G 服务器从零配置实录(附完整命令)
linux·运维·服务器·javascript·adb·ssh·gmssh
瓦瓦gogo21 分钟前
实习中接触前端开发后,我开始了解 React
前端·react.js·前端框架
梦曦i21 分钟前
uni-app x 新组件库v0.1.0发布,多端统一开发
前端·ui·uni-app x
Dovis(誓平步青云)24 分钟前
切换语言后按钮被截断,本地化审计怎样发现长度风险
开发语言·前端·javascript·人工智能·机器学习·华为·harmonyos
CappuccinoRose32 分钟前
拖拽交互体系
前端·javascript·css·html·交互·1024程序员节