vue+elemenUI 解决谷歌浏览器默认填充账号密码问题

最新推荐文章于 2024-08-14 18:05:17 发布
最新推荐文章于 2024-08-14 18:05:17 发布
阅读量1.6k 收藏 1
点赞数
分类专栏： vue 文章标签： 前端 vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010856177/article/details/128983569
版权
文章讲述了如何通过设置input元素的auto-complete属性为 ew-password来防止谷歌浏览器自动填充已保存的账号和密码信息。当切换代理类型后，之前填充的内容仍然存在，通过这个方法可以避免这种情况发生，确保密码输入框不被自动填充。
摘要由CSDN通过智能技术生成

打开界面谷歌默认填充了账号密码，删除掉后切换到另一个代理类型，原来的账号，密码选项被替换成了加密方式和密码，但是填充的内容又加上了。

在这里插入图片描述
自动填充主要是找到input的type为password的元素去填充的，然后找到这个元素的上一项填充账号的数据，所以给密码框加上如下属性便不会再自动填充账号密码了。

auto-complete=“new-password”

在这里插入图片描述

混血哲谈
关注
专栏目录
谷歌浏览器账号密码自动填充和明文显示问题
weixin_46103566的博客
11-25 2442
最近在项目中遇到谷歌会自动填充账号密码并且点击有明文提示的问题，查阅各方资料结合理解最终解决问题。现总结如下： 1.上图 很明显看到点击后有明文提示，在登录页面时我们或许需要登录提示。但是在其它页面出现这个情况明显是需要解决的。究其原因是input框中type为password造成的，那么我们便针对此做出input添加readonly属性以及事件监听复写。自动填充可通过auto-complete="new-password"解决 2.项目代码（vue+element） 自行引入jquery templa
基于springboot+elemenui+vue2+mysql的java毕业设计-智慧小区管理系统
04-17
基于springboot+elemenui+vue2+mysql的java毕业设计-智慧小区管理系统,适用于在线大学生毕业程序答辩和学习java...浏览器：谷歌浏览器 前端： vue+ jquery + html + node.js 前端框架： 后台管理element-ui + layui
Vue+element 解决浏览器自动填充记住的账号密码问题
12-10
我们在做form表单的时候,会发现,浏览器会自动的将我们之前保存的密码,自动的填充到表单中input 为 type="password" 的框中 登录页面也就算了,但是注册页面就很难受了,有一种不受控制的感觉 不行,我的代码必须由我控制,下面是解决方案: 解决方法:只需要在每个input框前面加一个input,同时将其隐藏,就ok了,账号那个需要放在下面,原因不详… 总结 以上所述是小编给大家介绍的Vue+element 解决浏览器自动填充记住的账号密码问题，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对软件开发网网站的支持！ 如果你觉得本文
避免 el-input 密码自动填充的实用方法
最新发布
m0_67793437的博客
08-14 764
在开发 Web 应用时，通常需要避免浏览器自动填充密码。以下是一些可行的解决方案，特别针对使用 Element UI 框架的el-input组件。
vue+elementUI自动填充浏览器保存的用户名密码的问题
qiu_miaomiao的博客
04-08 2136
如题，在优化项目时遇到form表单自动填充浏览器保存的用户信息，网上发现添加个隐藏的input等等类似障眼法避开了回显，但又有了新的问题【红彤彤的表单校验提示】，满足不了我的需求。 因此关注到根据自动填充这个属性，深究得到解决方案如下。 HTML <input> autocomplete 属性 autocomplete="on|off" on：默认。规定启用自动完成功能 off：规定禁用自动完成功能。 如题解决方式： 普通文本框type =‘text’添加autocompl..
vue+element-ui 登录界面 浏览器自动填充保存的用户名和密码问题 后台管理系统 如何取消浏览器自动填充
————————————————————————————————
12-13 3073
网上一搜如何取消密码自动填充这个问题 大多都是给el-input加auto-complete这个属性 但这个属性某些情况下还是会出现自动填充问题 会很麻烦 不能解决问题 这个时候可以使用input密文显示 将原本type=“password” 改成type=“text” 然后设置css样式 el-input{ -webkit-text-security：指定要使用的形状来代替文字的显示 none 无。 circle 圆圈。 disc 圆形。 square 正方形 } 这时就解决了账号密码自动填充 ..
解决浏览器会自动填充密码的问题
12-11
网站项目中，有登录和注册的弹框，在除chrome的浏览器中一切都ok，一旦在谷歌浏览器中，问题来了： 首先从登录弹框中登陆成功，chrome会弹出是否保存密码的提示框，点击保存密码按钮， 然后接着退出账户， 这时打开...
禁止浏览器记住密码和自动填充 element-ui+vue
qq_43294510的博客
12-26 2090
【代码】vue 仿element-ui 自定义密码输入框，防止浏览器 记住密码和自动填充。
解决 Element的el-input 密码输入框浏览器自动填充账号密码问题
潮汐未见潮落的博客
09-02 7914
解决 Element的el-input 密码输入框浏览器自动填充账号密码问题
解决chrome、Firefox会密码框填充(type=’password’)问题
01-08
我的项目使用的是elementUI，在做登录的时候遇到在chrome上密码框自动填充和手动填充的问题 chrome填充样式： 我们需要去掉这个烦人的东西， 网上说的解决办法：一部分加属性 auto-complete=“new-password” ， 另一部分auto-complete=“off” ，但是这两种属性根本不起作用 然后 解决办法： 来了 使用 input 的属性 readonly 解决，直接贴代码 :readonly=“readonly” @blur=“readonly = true” @click.native=“readonly = false” 刚开始的时候让密码框为只读状
解决浏览器会自动填充用户名密码的问题
linxijun的博客
03-08 5893
Html注册用户信息表单中，其用户名密码经常被自动似填充，这在安全方面十分不被受欢迎。 想要解决这个问题，首页就得要了解浏览器是根据什么原理来实现用户名密码填充的。 有人说在input标签上加上属性autocomplete="off"就可以。经过试验，这种方法不完全起作用的。 所以在不断的尝试过程中，发现浏览器填充密码的方式，那就是，找到页面上第一个type为password的inp
完美解决 element-ui input=password 在浏览器会自动填充已保存的账号密码的问题（自验证通过）
wuxiaoying888的博客
03-23 2900
转载：https://www.jianshu.com/p/5055fda5bfbb <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&g
Vue登录逻辑，解决由浏览器记住密码后，密码自动填充，下拉选项问题
bueryao527的博客
01-21 4408
前言： 作为前端开发，相信大家都遇到过这样的问题？绝大多数的pc项目都是需要登录，忘记密码的。功能很简单，但是有那么一些小小的问题。当我们将项目部署到服务上后，点击登录，浏览器会提示记住密码。作为用户，相信都是会记住的。但是问题来了，记住密码之后，密码会自动填充，鼠标点击密码框，还会出现下拉框让人选择，看着都没问题，但如果这个时候切换“忘记密码”，就会发现，忘记密码页面会自动填充之前浏览器记住的密码。网上有很多解决办法，但是并不能根本解决。再次，我总结了一下，分享给大家。
vue自定义密码输入框解决浏览器自动填充密码的问题
woisking2的博客
08-10 2434
在尝试了上述几种解决方案后，发现效果都不是很好，所以我感觉只有让input的type属性始终为password，才能更有效的解决这个问题。可以考虑自定义一个密码输入框组件，通过某些方法去改变input的值的显示方式，来达到隐藏密码的效果。目前想出了两种方法：一个是不改变input的值，仅仅隐藏input的内容，用另一个容器去显示密码或者显示；另一个是将实际密码存在另一个变量中，将input的value值改成来显示。
vue项目中解决谷歌浏览器默认填充账号密码问题
weixin_43915587的博客
07-05 6707
谷歌浏览器第一次登录保存账号密码之后，后续在碰到需要输入账号密码时，浏览器会默认填充账号密码。 项目是vue + element-ui搭建的后台管理系统，不想要账号密码默认填充的效果该怎么办呢？ 直接上代码： <el-form-item label="账户用户名" :label-width="formLabelWidth" class="inputOnly labelMust"> ...
解决elementUI 表单输入框浏览器自动填写问题
Mitchell1696的博客
04-18 2566
一般来说，输入表单、提交之后，浏览器会保存表单内容，刷新页面之后对应表单内容会自动填充。这个机制可以说是有利有弊，好的是如果经常登录同一个平台，自动填充账号密码显然可以提高效率；但如果是在注册这种场景下，每一次输入表单的内容都不相同，自动填充功能会严重影响我们的使用体验。
问题（05）elementui 输入框里面禁止浏览器自动填充用户名密码、弹出浏览器历史密码提示框
dugujiuding的博客
06-14 1183
elementui 输入框里面禁止浏览器自动填充用户名密码、弹出浏览器历史密码提示框
vue3启动后默认谷歌浏览器打开
08-31
Vue3启动后默认是在浏览器中打开一个本地服务器，并且在谷歌浏览器中显示运行的应用程序。这是因为在Vue3项目中，使用了Vue CLI工具来初始化和管理项目。Vue CLI在项目启动时会自动创建一个本地开发服务器，并将应用...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值