禁用浏览器密码记忆和自动填写密码功能 - JavaScript实现

使用JavaScript禁用浏览器密码自动填充
最新推荐文章于 2025-09-25 15:21:22 发布
最新推荐文章于 2025-09-25 15:21:22 发布
阅读量1.3k 收藏 1
点赞数
CC 4.0 BY-SA版权
文章标签： javascript 开发语言 ecmascript JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/debug_bug142/article/details/133555662
JavaScript 专栏收录该内容
306 篇文章 ¥59.90 ¥99.00
订阅专栏
本文介绍了如何通过JavaScript来禁用浏览器的密码记忆和自动填写功能，以提高用户数据安全性。主要方法是在密码输入字段中设置`autocomplete`属性为`off`，并讨论了这种方法的局限性和补充措施。

在Web开发中，有时我们希望禁用浏览器的密码记忆功能和自动填写密码功能，以增加用户的数据安全性。这可以通过使用JavaScript来实现。本文将为您展示如何使用JavaScript来禁用浏览器的密码记忆和自动填写密码功能。

要禁用浏览器的密码记忆和自动填写密码功能，我们可以使用HTML中的autocomplete属性。该属性用于指示浏览器是否应该为字段自动完成值。默认情况下，大多数现代浏览器会根据之前填写的表单数据自动填充密码字段，但我们可以使用autocomplete属性将其禁用。

下面是一个示例表单，其中包含一个用户名字段和一个密码字段。我们将使用JavaScript禁用密码字段的自动填充功能。

<!DOCTYPE html>
<html>
了解本专栏 订阅专栏 解锁全文
PasswordEntry 禁止浏览器记住密码
03-08
禁止浏览器记住密码：①把密码输入框的 input[type="password"] 设置为 input[type="text"]，这样浏览器就不会记住密码了②把密码输入框的字体设置为 *，这样看上去也是密码
防止浏览器记住用户名及密码的简单实用方法
09-05
很多浏览器都有自动填写功能，我在input上使用了autocomplete="off"，但在有的浏览器上还是被记住了用户名跟密码，请问有没有更有效及简便的方法来防止浏览器记住用户名及密码
阻止浏览器自动填充账号密码（可能的方案）
aBingNa的博客
11-13 2098
阻止浏览器自动填充账号密码
开发时如何彻底禁用浏览器表单自动填充缓存
最新发布
肥晨开发的学习之路
09-25 1017
理解浏览器行为使用有意义的值比简单禁用更好浏览器对登录/注册场景有特殊处理逻辑。
JS如何不让浏览器自动记住密码
热门推荐
青崖梦
04-08 1万+
为了帐号和密码安全，作为程序员，如何不让浏览器自动记住密码呢？浏览器有时总是自动填充用户和密码，怎么屏蔽呢？方法/步骤：1、JS清空cookies。具体方法不在此介绍了。2、登录时采用https协议。3、设置上autocomplete属性，阻止浏览器从cookies获取数据填充登录表单：&lt;input type="text" id="username"  name="username"  au...
js防止浏览器记住密码
qq_36990322的博客
07-06 3269
js防止浏览器记住密码
js禁止浏览器保存用户密码
高先生的猫
08-20 4331
Step1： 在html中，除了要用的密码框以外，额外添加一个密码框，设置为隐藏 <input type = "password" name="myPassword" style="display:none;"/> 注意：添加的用来干扰的密码框，必须在有用的密码框的上面，上面任何地方都行，就是不要在下面。 Step2： 把我们要用的密码框的type写成text类型，这样就不会被认为是密码框 <input type = "text" name="myPassword"/.
js禁止chrome保存密码、更新密码
Web魔法师
08-10 1742
js禁止chrome保存密码、更新密码:参考：https://www.jianshu.com/p/2788c925c431
禁用input输入框浏览器记忆功能的方法与优化
其中，浏览器对`<input>`输入框的自动记忆（即自动填充或自动完成）功能虽然提升了用户填写表单的效率，但在某些特定场景下却可能带来负面效果，例如样式错乱、布局破坏、隐私泄露风险以及业务逻辑冲突等。...
禁用浏览器自动填充的HTML解决方案
在现代Web开发中，浏览器的自动填充（Autofill）功能虽然为用户提供了极大的便利，允许快速填写表单信息（如姓名、邮箱、地址、密码等），但这一功能在特定场景下也可能带来诸多问题。本文围绕“禁用浏览器自动填充...
DevNews浏览器扩展实现URL和标题自动填充
尽管插件的具体功能和作用范围可能因版本不同而有所差异，但其核心设计理念是利用浏览器扩展的能力来增强用户的上网体验。" 根据给定的文件信息，以下是对标题和描述中所涉及知识点的详细说明： 1. 浏览器扩展简介...
HTML密码安全性的代码实现研究
- `autocomplete`: 设置为`off`时可以禁用浏览器自动填充功能，增加安全性。 - `pattern`: 使用正则表达式定义用户输入数据的格式，可以用来进行基本的数据验证。 - `minlength` 和 `maxlength`: 分别用于指定...
web安全：防止浏览器记住或自动填写用户名和密码(表单)的最简单终极解决方案
2401_83739727的博客
04-12 1281
在结束之际，我想重申的是，学习并非如攀登险峻高峰，而是如滴水穿石般的持久累积。尤其当我们步入工作岗位之后，持之以恒的学习变得愈发不易，如同在茫茫大海中独自划舟，稍有松懈便可能被巨浪吞噬。然而，对于我们程序员而言，学习是生存之本，是我们在激烈市场竞争中立于不败之地的关键。一旦停止学习，我们便如同逆水行舟，不进则退，终将被时代的洪流所淘汰。因此，不断汲取新知识，不仅是对自己的提升，更是对自己的一份珍贵投资。让我们不断磨砺自己，与时代共同进步，书写属于我们的辉煌篇章。需要完整版PDF学习资源私我。
有了这个网络安全面试题，面试就像开了挂！（附PDF）
lvaolan的博客
02-26 2296
还有兄弟不知道网络安全面试可以提前刷题吗？费时一周整理的160+网络安全面试题，金九银十，做网络安全面试里的显眼包！王岚嵚工程师面试题（附答案），只能帮兄弟们到这儿了！如果你能答对70%，找一个安全工作，问题不大。对于有1-3年工作经验，想要跳槽的朋友来说，也是很好的温习资料！【完整版领取方式在文末！！​​​​内容实在太多，不一一截图了。
防止浏览器自动填充账号密码
xue2xue的博客
07-30 242
<!-- 欺骗浏览器自动填充 --> <input type="text" style="width: 0; height: 0; position: absolute; z-index: -1;" /> <input type="password" style="width: 0; height: 0; position: absolute; z-index: -1;" /> <!-- 欺骗浏览器自动填充 --> 真实的需要.
禁止浏览器自动填充密码
老大不小的博客
09-29 2150
最新方法修改如下： 禁止密码记住： <input type="password" name="password" placeholder="请重新设置登陆密码" style="display:none;border:1px solid #e6e6e6;" /> <input type="text" name="newpassword" onfocus="this.t...
禁止浏览器记住密码和自动填充密码
学无止步的博客
08-17 4539
禁止浏览器记住密码和自动填充密码 1、在不输入时设置为只读（已失效，具体情况未验证） <FormItem label="密码" prop="password"> <Input v-model="formData.password" type="password" placeholder="8-16位..." readonly autocomplete="new-password" onfocusin="this.getEl
怎么禁止自动填充浏览器记住的密码？
xusp优快云的博客
11-29 658
第一种方法：         谷歌浏览器比较吊，只加上一个隐藏密码框还是不行的，把两个密码框名字改成一样的就好了，这家伙就找不到了，(*^__^*) 嘻嘻…… 第二种方法： 先输入一个隐藏文本域，再输入第二个展示的文本框，重点是我加黑的字体，编译器可能会无法识别，但是浏览器可以解析。 第三种方法：
禁止浏览器对input的自动填充和填充提示(适用于谷歌、火狐、Edge(原IE浏览器)等常见浏览器)
qq_51667621的博客
06-26 8621
解决input在不同浏览器中自动填充以及填充提示的问题，以谷歌、火狐、Edge(原IE)等浏览器为例，禁止出现自动填充，提高用户隐私和网站的安全性。
JavaWeb中Cookie实现密码记忆功能详解及操作方法
例如，浏览器通常对Cookie的数量和大小有限制，且用户有权禁用Cookie，这可能会影响某些依赖于Cookie的核心功能。在使用Cookie时，开发者应确保遵循最佳实践，尊重用户隐私，并在必要时提供其他备用方案，如使用...
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符  | 博主筛选后可见
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值