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

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

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

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

所以

在普通的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 964
【代码】取消element-ui中账号和密码登录功能浏览器默认的填充色，element-ui登录账号密码输入框禁用浏览器默认填充色问题。
vue3+Element Plus功能组件封装——登录（用户名，密码，验证码，记住密码，登录正则验证）
布克吉的博客
08-13 868
* 登录模块 */})//标识表单//正则验证规则} else {callback()callback()} else {callback()} else {callback()}],}],}]})
让输入框关闭自动完成（AutoComplete）功能
09-28
浏览器自动完成功能让我们填写表单更加方便，可是有时我们并不想浏览器把我们输入的内容记录下来，例如信用卡号码，或者其它需要保密的东东。
阻止element plus浏览器默认填写账号和密码
weixin_43594281的博客
03-21 747
【代码】阻止element plus浏览器默认填写账号和密码。
禁止浏览器记住密码和自动填充 element-ui+vue
qq_43294510的博客
12-26 2454
【代码】vue 仿element-ui 自定义密码输入框，防止浏览器 记住密码和自动填充。
form表单禁止浏览器自动填充密码
IT博客技术分享
07-12 2676
form表单禁止浏览器自动填充密码
element UI的form 禁止浏览器自动填充用户名或密码
一捆铁树枝的博客
05-20 3106
浏览器自动填充的功能在登录的时候挺好用的，但是在用户注册或管理的时候就很不需要再自动填充了； 普通的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 804
网上说的办法用elementui都不管用，最终解决办法是在前面添加一个隐藏的el-input type="password" <el-inputtype="password"style="display:none;"></el-input>
elementui 输入框里面禁止浏览器自动填充用户名密码
05-18
可以在elementui的输入框中添加 `autocomplete="off"` 属性来禁止浏览器自动填充用户名密码。例如： ```html 用户名" autocomplete="off"> 密码" autocomplete="off"> ``` 如果还是不能禁止浏览器自动填充，可以...
chrome 浏览器禁用用户名和密码保存到密码本
最新发布
04-29
引用2和3讨论的是通过HTML代码或前端框架（如ElementUI）来阻止浏览器自动填充密码，比如使用隐藏的密码输入框或修改autocomplete属性。 用户的需求是彻底禁用Chrome的自动保存功能，而不仅仅是针对某个特定网站。...
前端vue+elementUI如何实现记住密码功能
10-14
同样，在用户再次访问登录页面时，如果检测到对应的Cookie，就自动填充密码字段。 Vue组件（例如使用Element UI的`el-form`）中的HTML部分可能如下所示： ```html 系统登录 用户名"> 密码"> 记住...
Vue+element 解决浏览器自动填充记住的账号密码问题
10-16
我们在做form表单的时候,会发现,浏览器会自动的将我们之前保存的密码,自动的填充到表单中input 为 type="password" 的框中，如何实现此功能呢，下面小编给大家介绍下，感兴趣的朋友一起看看吧
避免 el-input 密码自动填充的实用方法
m0_67793437的博客
08-14 2503
在开发 Web 应用时，通常需要避免浏览器自动填充密码。以下是一些可行的解决方案，特别针对使用 Element UI 框架的el-input组件。
element-ui 密码输入框添加show-password属性，打开弹窗会自动填入 密码 + 账户名 问题
Shimeng_1989的博客
11-04 3552
element-ui 密码输入框添加show-password属性，打开弹窗会自动填入 密码 + 账户名 问题
问题（05）elementui 输入框里面禁止浏览器自动填充用户名密码、弹出浏览器历史密码提示框
dugujiuding的博客
06-14 2127
elementui 输入框里面禁止浏览器自动填充用户名密码、弹出浏览器历史密码提示框
前端开发之Element树结构组件el-input的type=“password“时候账号密码自动填充解决方案
m0_50207524的博客
04-07 987
在使用element的input的password当参数和login的参数相同时，在浏览器保存的用户名密码会自动填充，导致input附加上默认值使用场景一般是在用户管理创建新的用户的时候会遇到。
vue 禁止显示本网页由、、_Vue单页面应用阻止浏览器记住密码
weixin_39913141的博客
12-19 739
Vue单页面应用阻止浏览器记住密码——IT唐伯虎摘要: Vue单页面应用阻止浏览器记住密码。现象1：路由切换时再次提示“是否记住密码”登录页面有个密码输入框，输入账号密码进行登录；登录完成后vue路由跳转到主页，这时候浏览器提示“是否记住密码”，我选“否”；然后我点菜单跳转到另一个路由，结果浏览器再次提示“是否记住密码”，我再次选“否”；我接着又一次点菜单跳转到另一个路由，浏览器还会继续提示“是否...
web安全：防止浏览器记住或自动填写用户名和密码(表单)的最简单终极解决方案
cxz
06-24 1473
背景 最近项目上有一个功能是忘记密码的，里面有手机号码，验证码，登录密码这几个选项，然后手机密码又不是登录账号，然后密码用的是el input 里面的type = “password”，导致了修改密码成功之后，验证码还有密码会被谷歌浏览器自动保存 在网上搜了一圈，发现都是不完美的，不兼容全部的浏览器，于是只能自己摸索了， 解决方案 其实方案很简单，只需要在修改成功后,then里面 获取到input的节点属性，然后把他的value设为“”即可 代码如下 <el-input v-model="form.
解决 element-ui input=password 在浏览器会自动填充密码的问题
xia_zixin的博客
03-24 2281
解决 element-ui input=password 在浏览器会自动填充密码的问题 <el-form-item label="用户名" prop="user_name"> <el-input v-model="info.user_name" :disabled="updateFlag" auto-complete="off" name="person.user.user_name"></el-input> </el-form-item
评论 3
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值