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

相关推荐
Kagol13 分钟前
Superpowers GSD gstack AgentSkills深度测评
前端·人工智能
JosieBook41 分钟前
【数据库】时序预测能力的分级进化:TimechoAI如何让每一类用户都能精准预见未来
java·开发语言·数据库
加号31 小时前
【C#】 文件与目录管理:创建、删除操作的技术解析
开发语言·c#
excel1 小时前
JavaScript 字符串与模板字面量:从表象到本质理解
前端
diving deep1 小时前
脚本速览-python
开发语言·python
京东云开发者1 小时前
当AI成为导演-如何用AI创作动漫短剧
前端
一生了无挂2 小时前
Java处理JSON技巧教学(从基础到高阶实战全覆盖)
java·开发语言·json
李白的天不白2 小时前
使用 SmartAdmin 进行前后端开发
java·前端
swordbob2 小时前
Spring 单例 Bean 是线程安全的吗?
java·开发语言
乘风gg2 小时前
🤡PUA AI Coding 工具 的 10 条终极语录
前端·ai编程·claude