elementui 禁止浏览器自动填充用户名密码

最新推荐文章于 2025-05-23 15:41:04 发布
原创 最新推荐文章于 2025-05-23 15:41:04 发布 · 9.6k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文探讨了在网页注册和管理界面中禁用浏览器自动填充密码功能的方法。针对普通input元素，通过设置autocomplete属性为off即可实现。但在ElementUI框架下，需使用new-password作为autocomplete属性值。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

浏览器这功能在登录的时候挺好用的，但是在注册和管理的时候就很难受了

所以

在普通的input上直接off就行了

<input type="password" autoComplete="off"/>

而在elementui上使用autoComplete="off"是没用的 得使用new-password

<el-input v-model="form.password" show-password auto-complete="new-password"></el-input>
取消element-ui中账号和密码登录功能浏览器默认的填充色，element-ui登录账号密码输入框禁用浏览器默认填充色问题
weixin_41346436的博客
10-24 716
【代码】取消element-ui中账号和密码登录功能浏览器默认的填充色，element-ui登录账号密码输入框禁用浏览器默认填充色问题。
form表单禁止浏览器自动填充密码
IT博客技术分享
07-12 2482
form表单禁止浏览器自动填充密码
禁止浏览器记住密码和自动填充 element-ui+vue
qq_43294510的博客
12-26 2361
【代码】vue 仿element-ui 自定义密码输入框，防止浏览器 记住密码和自动填充。
前端浏览器保存账号密码后，禁止自动填充
最新发布
m0_52477297的博客
05-23 800
通过将密码输入内容实时替换为●符号的方案，我们实现了一种有效的防自动填充机制，在不依赖浏览器autocomplete属性的情况下，提升了登录页面的安全性。这种方案既保持了密码输入的隐蔽性，又避免了浏览器自动填充带来的安全隐患，适用于各种对安全性要求较高的应用场景。​在实际应用中，可以根据具体需求对代码进行扩展优化，如添加更严格的输入过滤、防键盘记录功能等，进一步提升系统的安全性。同时，在开发过程中要注意平衡安全性和用户体验，确保方案在有效防护的同时，不影响正常的用户操作流程。
阻止element plus浏览器默认填写账号和密码
weixin_43594281的博客
03-21 653
【代码】阻止element plus浏览器默认填写账号和密码。
element UI的form 禁止浏览器自动填充用户名或密码
一捆铁树枝的博客
05-20 3077
浏览器自动填充的功能在登录的时候挺好用的，但是在用户注册或管理的时候就很不需要再自动填充了； 普通的form表单内的input设置autoComplete="off"就可以了 <input type="password" autoComplete="off"/> 但是在element UI里面设置autoComplete="off"是不生效的，需要设置为new-password <el-input v-model="form.password" show-password au
chrome elementui禁用保存密码
大黄鸭在发光的专栏
12-30 778
网上说的办法用elementui都不管用，最终解决办法是在前面添加一个隐藏的el-input type="password" <el-inputtype="password"style="display:none;"></el-input>
避免 el-input 密码自动填充的实用方法
m0_67793437的博客
08-14 2088
在开发 Web 应用时，通常需要避免浏览器自动填充密码。以下是一些可行的解决方案，特别针对使用 Element UI 框架的el-input组件。
elementui 输入框里面禁止浏览器自动填充用户名密码
05-18
可以在elementui的输入框中添加 `autocomplete="off"` 属性来禁止浏览器自动填充用户名密码。例如： ```html 用户名" autocomplete="off"> 密码" autocomplete="off"> ``` 如果还是不能禁止浏览器自动填充，可以...
前端vue+elementUI如何实现记住密码功能
10-14
同样，在用户再次访问登录页面时，如果检测到对应的Cookie，就自动填充密码字段。 Vue组件（例如使用Element UI的`el-form`）中的HTML部分可能如下所示： ```html 系统登录 用户名"> 密码"> 记住...
vue3+Element Plus功能组件封装——登录（用户名，密码，验证码，记住密码，登录正则验证）
布克吉的博客
08-13 735
* 登录模块 */})//标识表单//正则验证规则} else {callback()callback()} else {callback()} else {callback()}],}],}]})
Vue+element 解决浏览器自动填充记住的账号密码问题
10-16
我们在做form表单的时候,会发现,浏览器会自动的将我们之前保存的密码,自动的填充到表单中input 为 type="password" 的框中，如何实现此功能呢，下面小编给大家介绍下，感兴趣的朋友一起看看吧
让输入框关闭自动完成（AutoComplete）功能
09-28
浏览器自动完成功能让我们填写表单更加方便，可是有时我们并不想浏览器把我们输入的内容记录下来，例如信用卡号码，或者其它需要保密的东东。
uni-app 通过缓存记住账号密码功能
qq_44721331的博客
11-12 724
不记住账号密码登录退出后不保存账号跟密码，并且没有选中记住账号和密码。在点击登陆按钮时需要保存是否记住密码，否则后面将无法获取。点击记住账号密码登录退出后将保存账号跟密码。
element-ui 密码输入框添加show-password属性，打开弹窗会自动填入 密码 + 账户名 问题
Shimeng_1989的博客
11-04 3437
element-ui 密码输入框添加show-password属性，打开弹窗会自动填入 密码 + 账户名 问题
问题（05）elementui 输入框里面禁止浏览器自动填充用户名密码、弹出浏览器历史密码提示框
dugujiuding的博客
06-14 1998
elementui 输入框里面禁止浏览器自动填充用户名密码、弹出浏览器历史密码提示框
前端开发之Element树结构组件el-input的type=“password“时候账号密码自动填充解决方案
m0_50207524的博客
04-07 899
在使用element的input的password当参数和login的参数相同时，在浏览器保存的用户名密码会自动填充，导致input附加上默认值使用场景一般是在用户管理创建新的用户的时候会遇到。
vue 禁止显示本网页由、、_Vue单页面应用阻止浏览器记住密码
weixin_39913141的博客
12-19 723
Vue单页面应用阻止浏览器记住密码——IT唐伯虎摘要: Vue单页面应用阻止浏览器记住密码。现象1：路由切换时再次提示“是否记住密码”登录页面有个密码输入框，输入账号密码进行登录；登录完成后vue路由跳转到主页，这时候浏览器提示“是否记住密码”，我选“否”；然后我点菜单跳转到另一个路由，结果浏览器再次提示“是否记住密码”，我再次选“否”；我接着又一次点菜单跳转到另一个路由，浏览器还会继续提示“是否...
web安全：防止浏览器记住或自动填写用户名和密码(表单)的最简单终极解决方案
cxz
06-24 1399
背景 最近项目上有一个功能是忘记密码的，里面有手机号码，验证码，登录密码这几个选项，然后手机密码又不是登录账号，然后密码用的是el input 里面的type = “password”，导致了修改密码成功之后，验证码还有密码会被谷歌浏览器自动保存 在网上搜了一圈，发现都是不完美的，不兼容全部的浏览器，于是只能自己摸索了， 解决方案 其实方案很简单，只需要在修改成功后,then里面 获取到input的节点属性，然后把他的value设为“”即可 代码如下 <el-input v-model="form.
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值