去除浏览器自动填充账号密码的几种方式

最新推荐文章于 2025-06-11 10:33:31 发布
原创 最新推荐文章于 2025-06-11 10:33:31 发布 · 2.7k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端

本文介绍了一种防止浏览器自动填充账号密码的方法，通过添加隐藏的输入框或使用 auto-complete 属性来避免不必要的弹窗提示。
部署运行你感兴趣的模型镜像

作为一个前端，经常在页面画好以后，发现不需要自动填充账号密码的地方会出现浏览器弹窗

 

可以通过增加一个不显示的input

如果是element ui

可以使用 auto-complete="new-password"

 

您可能感兴趣的与本文相关的镜像

Qwen3-8B

Qwen3-8B

文本生成
Qwen3

Qwen3 是 Qwen 系列中的最新一代大型语言模型，提供了一整套密集型和专家混合（MoE）模型。基于广泛的训练，Qwen3 在推理、指令执行、代理能力和多语言支持方面取得了突破性进展

禁用浏览器密码记忆和自动填写密码功能 - JavaScript实现
debug_bug142的博客
10-04 1395
在Web开发中，有时我们希望禁用浏览器的密码记忆功能和自动填写密码功能，以增加用户的数据安全性。本文将为您展示如何使用JavaScript来禁用浏览器的密码记忆和自动填写密码功能。因此，为了确保最佳的密码安全性，我们还应采取其他措施，例如使用安全的身份验证方法、使用HTTPS等。，我们可以使用JavaScript禁用浏览器的密码记忆和自动填写密码功能。运行上述代码，您将看到密码字段不再有自动填充的下拉提示，浏览器也不再记住密码。要禁用浏览器的密码记忆和自动填写密码功能，我们可以使用HTML中的。
Spring boot+Vue3博客平台:修改密码与找回密码的设计与实现
斌擎科技
04-11 2124
在用户操作过程中，通过前端提示框或消息通知形式，给予用户明确的反馈，如“验证码发送成功，请注意查收”、“验证码错误，请重新输入”等。综上所述，通过对修改密码和找回密码功能的优化和补充，可以有效提高用户体验和系统安全性。同时，在用户尝试使用过期验证码时，给出友好的提示信息，引导用户重新获取验证码。在发送验证码时，可以采用一定的算法生成随机验证码，以增加破解难度。在找回密码功能中，除了前端表单的输入提示和后端对用户提交信息的验证，我们还可以加入以下额外的安全措施和用户体验优化。(1) 用户请求发送验证码。
Vue+element 解决浏览器自动填充记住的账号密码问题
12-10
我们在做form表单的时候,会发现,浏览器会自动的将我们之前保存的密码,自动的填充到表单中input 为 type="password" 的框中 登录页面也就算了,但是注册页面就很难受了,有一种不受控制的感觉 不行,我的代码必须由我控制,下面是解决方案: 解决方法:只需要在每个input框前面加一个input,同时将其隐藏,就ok了,账号那个需要放在下面,原因不详… 总结 以上所述是小编给大家介绍的Vue+element 解决浏览器自动填充记住的账号密码问题，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对软件开发网网站的支持！ 如果你觉得本文
Vue 注册页面，浏览器自动填充输入框账号密码的事件取消
weixin_44443380的博客
01-04 1555
在做登录相关的页面时，input框设置为type=“password”，浏览器就会对input框进行自动填充行为。设置为type="password"的框会自动填充密码，另一个随机input输入框会自动填充账号。设置 input 的 type 属性为 password 后，当页面进行过提交且允许浏览器记住密码后。再次加载该页面时，此时 password 及附近的 input 就会被自动填充。但是在注册页面时，不想要自动填充账号和密码。
去除浏览器自动填充账号密码功能简单并100%有效
一个网络搬砖的斜杠青年
07-21 1245
他是根据input标签的type属性进行算法计算，满足条件会自带上次输入过的账号密码（目测：type="text"后紧接着type=“password”）的极容易出现填充。先在页面不使用type=“password”，欺骗浏览器我没有使用密码框。当我实际输入密码时，获取焦点（focus）把自身input的type属性再改成“password” ------ “告诉浏览器，我不是密码框”保守点：把前面的账号也改一下，欺骗浏览器说：“我不是账号框”// 长得样式跟text一样。
vue+element-ui 登录界面 浏览器自动填充保存的用户名和密码问题 后台管理系统 如何取消浏览器自动填充
————————————————————————————————
12-13 3366
网上一搜如何取消密码自动填充这个问题 大多都是给el-input加auto-complete这个属性 但这个属性某些情况下还是会出现自动填充问题 会很麻烦 不能解决问题 这个时候可以使用input密文显示 将原本type=“password” 改成type=“text” 然后设置css样式 el-input{ -webkit-text-security：指定要使用的形状来代替文字的显示 none 无。 circle 圆圈。 disc 圆形。 square 正方形 } 这时就解决了账号密码自动填充 ..
html解决浏览器记住密码输入框的问题
云加速
06-02 1171
或者，你可以使用一个伪装的输入框（如一个文本输入框）来捕获用户的输入，并在用户提交表单时将其转换为密码输入框的值。然而，这种方法可能不总是有效，因为浏览器的自动填充行为通常不受JavaScript的控制。当浏览器记住密码并自动填充到表单的密码输入框时，这通常是浏览器为了提供便利而采取的功能。虽然这不会阻止浏览器自动填充密码，但可以改善用户体验，让用户感觉到密码输入框没有被自动填充。请注意，没有一种方法是完美的，并且可能会因浏览器、浏览器版本和用户的隐私设置而异。有些第三方库提供了处理浏览器自动填充的功能。
jsp input type='password'框聚焦之后会弹出浏览器保存的账号信息，这种情况如何去掉
02-27
好的，我需要解决用户在JSP中使用input type='password'时，浏览器自动弹出保存的账号信息的问题。首先，我应该理解问题的根源。浏览器通常会在检测到密码框时提示保存密码，尤其是在表单中有用户名和密码字段的情况...
微软Edge浏览器全解析
数字人生
07-25 8318
微软Edge浏览器经历了一个重大的转变，从一个基于自家技术的浏览器发展成为一个基于Chromium的现代浏览器。这一改变极大地提升了Edge的性能、兼容性和用户基数，使其成为了市场上一个强有力的竞争者。如果你对具体的某个方面感兴趣或者需要更详细的信息，请告诉我，我可以进一步为你提供帮助。微软Edge浏览器凭借其高性能、良好的兼容性和丰富的功能，已经成为一款值得推荐的现代浏览器。通过合理利用其强大的扩展支持、隐私保护、微软服务集成以及内置的阅读器和PDF工具，用户可以大幅提升浏览体验1。
20、使用和优化Chrome浏览器提升工作效率
最新发布
weixin_42146230的博客
06-11 213
本文详细介绍了如何通过使用和优化Chrome浏览器来提升工作效率。内容涵盖了浏览器的基本功能、高级技巧、性能优化方法以及与Google生态系统的结合应用，帮助用户更好地掌握Chrome浏览器的各项功能，享受更加流畅、安全的浏览体验。
vue3+Element Plus功能组件封装——登录（用户名，密码，验证码，记住密码，登录正则验证）
布克吉的博客
08-13 865
* 登录模块 */})//标识表单//正则验证规则} else {callback()callback()} else {callback()} else {callback()}],}],}]})
取消chrome浏览器自动填充密码功能-autocomplete
Sail__的专栏
05-16 5788
在前端页面进行登录时，需要填写密码，那么为了保证密码不被看到，我们首选的input表单的type类型必然时password。 例如 <input type="password" name="password" id="password" placeholder="密码"/> 如果此时登录成功，那么chrome浏览器就会提示你是不是需要记住密码。 此时如果有需要在页面上加...
web安全：防止浏览器记住或自动填写用户名和密码(表单)的终极解决方案
热门推荐
ltx06的专栏
04-01 3万+
最近项目上要求做到这一点，在网上搜了一圈，发现都是不完美的，不兼容全部的浏览器，于是只能自己摸索了，最终得出了终极解决方案： 涉及： disabled 或 readonly  display:none;   隐藏用，隐藏后不占位置 visibility:hidden;   隐藏用，隐藏后占原来的位置 position:absolute;z-index:-1
前端不让浏览器自动填充账号密码
ys_dd的博客
08-12 1928
这篇文章挺详细的： https://blog.youkuaiyun.com/youand_me/article/details/79165227?utm_source=copy
怎么禁止自动填充浏览器记住的密码？
weixin_37657720的博客
03-05 6704
原文地址:https://www.zhihu.com/question/23529765禁止浏览器保存密码和禁止浏览器填充密码浏览器保存密码是根据input="password"来判断的，所有我们只要保证浏览器在dom结构中识别不到密码框即可。so：--&gt;密码输入位置默认为input="text"。--&gt;在输入框上添加 onfocus="this.type='password'" 输入...
React、Vue的password输入框组件，如何关闭自动填充？
2401_85955297的博客
07-16 707
React、Vue的password输入框组件，如何关闭自动填充？以下是它们在不同组件库中的使用
FreeBuf CISP培训班开班啦！现在报名立省千元再送百元好礼！
Karka_的博客
08-18 213
从时代发展的角度看，网络安全的知识是学不完的，而且以后要学的会更多，同学们要摆正心态，既然选择入门网络安全，就不能仅仅只是入门程度而已，能力越强机会才越多。因为入门学习阶段知识点比较杂，所以我讲得比较笼统，大家如果有不懂的地方可以找我咨询，我保证知无不言言无不尽，需要相关资料也可以找我要，我的网盘里一大堆资料都在吃灰呢。干货主要有：①1000+CTF历届题库（主流和经典的应该都有了）②CTF技术文档（最全中文版）③项目源码（四五十个有趣且经典的练手项目及源码）
前端该知道些密码学和安全上的事儿
dzqxwzoe的博客
01-03 477
从时代发展的角度看，网络安全的知识是学不完的，而且以后要学的会更多，同学们要摆正心态，既然选择入门网络安全，就不能仅仅只是入门程度而已，能力越强机会才越多。因为入门学习阶段知识点比较杂，所以我讲得比较笼统，大家如果有不懂的地方可以找我咨询，我保证知无不言言无不尽，需要相关资料也可以找我要，我的网盘里一大堆资料都在吃灰呢。干货主要有：①1000+CTF历届题库（主流和经典的应该都有了）②CTF技术文档（最全中文版）③项目源码（四五十个有趣且经典的练手项目及源码）
阻止浏览器自动填充账号密码（可能的方案）
aBingNa的博客
11-13 2114
阻止浏览器自动填充账号密码
前端防止浏览器自动填充账号密码
11-21
前端防止浏览器自动填充账号密码通常通过一些技术手段来实现，主要是为了保护用户的隐私和提供更好的用户体验。以下是一些常见的做法： 1. **HTML属性**：在表单输入框上添加`autocomplete="new-password"`属性，告诉浏览器不要自动填充密码。对于密码输入框，可以设置为`type="password"`，隐藏真实的字符。 ```html <input type="password" name="password" autocomplete="new-password"> ``` 2. **JavaScript验证**：在用户提交表单前，可以通过JavaScript检查输入的字段是否匹配预设的值（例如，如果已存在用户已登录的信息，可以提示用户更新密码）。 3. **哈希存储**：服务器存储用户的密码通常是经过加密哈希处理的，即使浏览器有缓存，也无法直接获取原始密码。 4. **提示禁用**：显示明确的提示信息告知用户当前页面不允许自动填充，如“请手动输入密码”。 尽管上述方法能起到一定作用，但浏览器的自动填充功能是由用户个人设置决定的，完全阻止是不可能的。作为开发者，只能尽量提高安全性和用户体验之间的平衡。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值