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

相关推荐
李剑一7 分钟前
为什么几乎所有的知名开源项目都是外国人写的?
前端·ai编程·deepseek
小郎君6587 分钟前
(一)为什么表单需要第三种状态:disabled、readonly 与纯文本展示
前端·vue.js
计算机魔术师12 分钟前
1.4万亿没人接,OpenAI自己砍了1500亿
前端
程序员大阳24 分钟前
副队长JavaScript教程(56)-DOM之表单操作
javascript·dom·表单操作
Dxy12393102161 小时前
JS AES加密详解
开发语言·javascript·ecmascript
溪语流沙1 小时前
【每天一个CSS | Day41】开关三连:一套状态机,三种视觉翻译
前端·css·html5·每日一练·按钮
信息安全失业大专人员1 小时前
每日了解一个智能体-WorkBuddy
开发语言·ai·c#·智能体
变与不变8061 小时前
css定位布局精讲
前端·css
4ever.ov01 小时前
精学C++第一站 从命名空间到引用:C++入门核心语法全梳理(13000字长文)
开发语言·c++·clion
小杨互联网1 小时前
Go 现代 CLI 工具离线镜像合集
开发语言·后端·golang·开源·go·命令行