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

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

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

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

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

<!DOCTYPE html>
<html>
了解本专栏 订阅专栏 解锁全文
碧海蓝天·
关注
专栏目录
订阅专栏
JS防止浏览器自动记住密码
wl_Viola的博客
09-14 8984
最近项目上做了这样一个功能，使用autocomplete="off"不能解决FF的问题，依旧会提示是否记住密码，第一次写博客，不足之处请大神们多多指点。 HTML部分： 先设置用户可以看见的密码框type为text： &lt;td id = "textOrPsw"&gt;     &lt;input id="input_text_psw" name="pswView" type="text
开发知识点-HTML/JavaScript
aming小老弟
12-21 656
对象解构语法可以让你从一个对象中提取出若干属性，然后将其赋值给对应的变量，让代码看起来更简洁、易读。这在处理复杂的数据结构时尤为有用，例如从 API 返回的 JSON 数据中提取出需要的属性。字符串数组。使用解构赋值语法将数组的元素按照顺序依次赋值给对应的变量。不足元素，对应位置的变量将会被赋值为 undefined。
浏览器记住密码后，密码框自动填充功能禁用
a277632346的博客
06-13 1万+
大家在做修改密码功能的时候，需要手动输入原始密码来进行校验，然而浏览器记住密码后页面上的password框点击后会自动出现原始密码，这样即使不知道原始密码，也能进行密码的修改，是非常不安全的操作。参考了网上很多的解决案例，一些老旧的方法根本不适用，结合各种方法适用js来让input框的password和type来回切换，从而到达禁用自动填充效果，一下是代码 onkeyup可以修改为onk
前端浏览器保存账号密码后，禁止自动填充
最新发布
m0_52477297的博客
08-14 249
很多浏览器在我们初次登录的时候都会弹框询问是否记住密码，一旦我们选择了保存，那么后面每次进入网站的时候都会默认填充好密码，尝试了好多方法都不行，还是这个方法有效。项目组长提出在登录页面的时候不自动填充密码，为了防止用户账号泄露，保障安全性。主要是将输入的密码的值替换成●。
JS如何不让浏览器自动记住密码
热门推荐
青崖梦
04-08 1万+
为了帐号和密码安全，作为程序员，如何不让浏览器自动记住密码呢？浏览器有时总是自动填充用户和密码，怎么屏蔽呢？方法/步骤：1、JS清空cookies。具体方法不在此介绍了。2、登录时采用https协议。3、设置上autocomplete属性，阻止浏览器从cookies获取数据填充登录表单：&lt;input type="text" id="username"  name="username"  au...
阻止浏览器自动填充账号密码（可能的方案）
weixin_46115723的博客
11-13 1568
阻止浏览器自动填充账号密码
js禁止浏览器保存用户密码
高先生的猫
08-20 3978
Step1： 在html中，除了要用的密码框以外，额外添加一个密码框，设置为隐藏 <input type = "password" name="myPassword" style="display:none;"/> 注意：添加的用来干扰的密码框，必须在有用的密码框的上面，上面任何地方都行，就是不要在下面。 Step2： 把我们要用的密码框的type写成text类型，这样就不会被认为是密码框 <input type = "text" name="myPassword"/.
js防止浏览器记住密码
qq_36990322的博客
07-06 3066
js防止浏览器记住密码
前端学习日志-7-浏览器
weixin_45643442的博客
09-16 417
网络浏览器打开一个网址TCP报文三次握手四次挥手Http、Httpshttphttps对称加密与非对称加密证书xss、 csrf跨域 浏览器打开一个网址 1.解析url 域名：协议名、域名、端口号 以http://www.example.com/dir/page.html为例 协议是http，域名是www.example.com，端口是80 （http默认端口80，https默认端口443，默认端口自动隐藏）。 2.生成http请求信息 请求行：方法 url 版本 消息头：首部字段名 字段值 消息体：数据
如何禁止文本框的记忆性输入？
03-09
浏览器通常具有自动填充（Autocomplete）功能，它能够记录用户之前填写的信息，并在用户再次访问同一页面时自动填充这些信息。虽然这个功能极大地方便了用户，但它也带来了一些安全隐患，特别是在处理敏感信息（如...
PasswordEntry 禁止浏览器记住密码
03-08
禁止浏览器记住密码：①把密码输入框的 input[type="password"] 设置为 input[type="text"]，这样浏览器就不会记住密码了②把密码输入框的字体设置为 *，这样看上去也是密码
猿创征文｜HCIE-Security Day62：web安全基础，web协议详解，辨析cookie和session
小梁的博客
09-13 1805
第二步，将商品加入到购物车中时，你会调用/cart接口，但是注意，这个行为是和第一步是有关联关系的，是谁将什么物品加入到购物车中了？存在的问题：所以我们说涉及到交互时，情形就完全不一样了，因为这三步是有依赖关系的，第一步验证登录者是一个合法用户，验证通过给你返回200/OK，但是只要服务器给返回了响应，那么一个http的请求和响应就结束了。在点击一个纯的html网页，请求获取服务器的html文件资源时，每次http请求都会返回同样的信息，因为这个是没有交互的，每一次的请求都是相互独立的。
转载-防止浏览器记住用户名及密码的简单实用方法
HelloVisaya的专栏
10-06 2295
以上就是防止浏览器记住用户名及密码的简单实用方法。不管是使用autocomplete属性、JavaScript代码还是添加隐式字段，都可以确保用户的用户名和密码不会被浏览器记录。这对于用户隐私的保护非常重要，对于防止钓鱼等网络攻击也有很大的作用。
js禁止chrome保存密码、更新密码
Web魔法师
08-10 1645
js禁止chrome保存密码、更新密码:参考：https://www.jianshu.com/p/2788c925c431
禁止浏览器自动填充密码
老大不小的博客
09-29 2011
最新方法修改如下： 禁止密码记住： <input type="password" name="password" placeholder="请重新设置登陆密码" style="display:none;border:1px solid #e6e6e6;" /> <input type="text" name="newpassword" onfocus="this.t...
禁止浏览器记住密码和自动填充密码
学无止步的博客
08-17 4201
禁止浏览器记住密码和自动填充密码 1、在不输入时设置为只读（已失效，具体情况未验证） <FormItem label="密码" prop="password"> <Input v-model="formData.password" type="password" placeholder="8-16位..." readonly autocomplete="new-password" onfocusin="this.getEl
禁止浏览器记住密码后的自动填充
hms_a_wanderer的博客
01-08 412
禁止浏览器记住密码后的自动填充 问题描述： 网站登录的时候，chrome浏览器会提示用户是否记住密码，为了方便下次直接登录，所以选择了记住密码，这时候登录进入网站后，一但有密码框的操作都会有记住的账号密码提示，点击就会自动填充，体验不好 解决办法： 初始的时候把密码框的 type=“text” 聚焦的时候 onfocus=“this.type=‘password’” 这样就解决了。 ...
怎么禁止自动填充浏览器记住的密码？
xuspCSDN的博客
11-29 518
第一种方法：         谷歌浏览器比较吊，只加上一个隐藏密码框还是不行的，把两个密码框名字改成一样的就好了，这家伙就找不到了，(*^__^*) 嘻嘻…… 第二种方法： 先输入一个隐藏文本域，再输入第二个展示的文本框，重点是我加黑的字体，编译器可能会无法识别，但是浏览器可以解析。 第三种方法：
禁止(防止)浏览器自动填充密码
weixin_34387468的博客
04-09 1975
禁止(防止)浏览器自动填充密码 由于设置autocomplete属性和添加隐藏文本框，以及在初始化时阻止写入等方法都无法完全满足需求，所以只能通过js逻辑来控制。 效果图 主要代码 　　/** * * 禁止浏览器自动填充密码 * * @method d...
chrome浏览器的自动保存密码提示功能禁用方法 csdn
09-01
要禁用Chrome浏览器的自动保存密码提示功能，可以按照以下步骤进行操作： 1. 打开Chrome浏览器，点击右上角的菜单按钮（三个垂直点）。 2. 从菜单中选择“设置”选项。 3. 在设置页面中，向下滚动并点击“高级”选项。 4. 在“隐私与安全性”部分，点击“密码和表单”选项。 5. 在“自动填充”部分，点击“密码”。 6. 找到“保存密码”开关，将其关闭。 7. 禁用后，如果有现有的保存的密码，Chrome会询问您是否要删除保存的密码。根据需要进行选择。 通过以上步骤，您就成功禁用了Chrome浏览器的自动保存密码提示功能。请注意，这样做可能会导致您需要手动输入保存的密码以进行登录。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值