怎么禁止自动填充浏览器记住的密码

最新推荐文章于 2024-10-22 12:41:03 发布
原创 最新推荐文章于 2024-10-22 12:41:03 发布 · 503 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#html

本文介绍了一种网页设计技巧，通过JavaScript在页面加载时自动清空登录框中的用户名和密码字段，确保用户信息安全，提供更好的用户体验。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

重点看标红的

<input type="text" style="display:none" disabled autocomplete = "off"  value=" ">
 <input name="用户名" type="text" id="username"  autocomplete="off"/><i>用户名</i>
 <input type="password" style="display:none" disabled autocomplete = "off" value=" ">
 <input name="密码" type="text" οnfοcus="this.type='password'" id="userpwd" autocomplete="off" /><i>密码</i>

或者  <input name="密码" type="password" readonly onfocus="this.removeAttribute('readonly');" id="userpwd" autocomplete="off" /><i>密码</i>

 

在文档加载完成后将用户名、密码输入内框设置为容空

window.load=function(){document.getElementById('密码域ID').value='';};

或者

document.getElementById('username').value='';
                    document.getElementById('userpwd').value='';

 

如何使浏览器不提示记住密码
qq_15509267的博客
04-24 2340
一、背景 为了系统使用安全，需要使浏览器不提示记住密码。 安全风险场景：对于公共使用的系统，A用户为了方便登录，选择了“记住密码”，B用户可以通过浏览器的密码管理查看到密码明文。 二、为什么浏览器会提示记住密码？ 浏览器提示密码是根据input标签的type=“password”类型实现的。 ...
form表单禁止浏览器自动填充密码
IT博客技术分享
07-12 2492
form表单禁止浏览器自动填充密码
禁止浏览器记住密码后的自动填充
hms_a_wanderer的博客
01-08 465
禁止浏览器记住密码后的自动填充 问题描述： 网站登录的时候，chrome浏览器会提示用户是否记住密码，为了方便下次直接登录，所以选择了记住密码，这时候登录进入网站后，一但有密码框的操作都会有记住的账号密码提示，点击就会自动填充，体验不好 解决办法： 初始的时候把密码框的 type=“text” 聚焦的时候 onfocus=“this.type=‘password’” 这样就解决了。 ...
怎么禁止自动填充浏览器记住的密码？
xusp优快云的博客
11-29 619
第一种方法：         谷歌浏览器比较吊，只加上一个隐藏密码框还是不行的，把两个密码框名字改成一样的就好了，这家伙就找不到了，(*^__^*) 嘻嘻…… 第二种方法： 先输入一个隐藏文本域，再输入第二个展示的文本框，重点是我加黑的字体，编译器可能会无法识别，但是浏览器可以解析。 第三种方法：
转载-防止浏览器记住用户名及密码的简单实用方法
HelloVisaya的专栏
10-06 2580
以上就是防止浏览器记住用户名及密码的简单实用方法。不管是使用autocomplete属性、JavaScript代码还是添加隐式字段，都可以确保用户的用户名和密码不会被浏览器记录。这对于用户隐私的保护非常重要，对于防止钓鱼等网络攻击也有很大的作用。
Vue+element 解决浏览器自动填充记住的账号密码问题
12-10
以上所述是小编给大家介绍的Vue+element 解决浏览器自动填充记住的账号密码问题，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对软件开发网网站的支持！ 如果你...
解决浏览器会自动填充密码的问题
12-11
网站项目中，有登录和注册的弹框，在除chrome的浏览器中一切都ok，一旦在谷歌浏览器中，问题来了： 首先从登录弹框中登陆成功，chrome会弹出是否保存密码的提示框，点击保存密码按钮， 然后接着退出账户， 这时打开...
jQuery 禁止表单用户名、密码自动填充功能
10-19
在网页开发中，表单自动填充（Autocomplete）是一项便捷的功能，它允许浏览器根据用户的输入历史自动填充表单字段，尤其是对于登录表单中的用户名和密码。然而，有时候这种功能可能会造成不便，例如填充错误的信息...
web安全：防止浏览器记住或自动填写用户名和密码(表单)的最简单终极解决方案
cxz
06-24 1403
背景 最近项目上有一个功能是忘记密码的，里面有手机号码，验证码，登录密码这几个选项，然后手机密码又不是登录账号，然后密码用的是el input 里面的type = “password”，导致了修改密码成功之后，验证码还有密码会被谷歌浏览器自动保存 在网上搜了一圈，发现都是不完美的，不兼容全部的浏览器，于是只能自己摸索了， 解决方案 其实方案很简单，只需要在修改成功后,then里面 获取到input的节点属性，然后把他的value设为“”即可 代码如下 <el-input v-model="form.
禁用Chrome自动填充
CHCH998的博客
04-18 630
This post is a Community Wiki . 这篇文章是社区维基 。 Ed
html页面怎么杜绝页面自动填充,html页面禁止自动填充浏览器记住的密码
weixin_31968831的博客
06-09 334
现在的浏览器功能越来越强大，比如Chrome浏览器，在一个系统login的时候我们一般会记住密码，那么在整个系统中，浏览器一旦遇到 type="password"的控件，就会把密码自动填充到该控件。非常烦恼，问了一下同事有人说可以用autocomplete="off" 来禁用自动填充， 经过简单的实践没有达到我的需求。于是回到最原始的解决方案。比如html如下在页面初始化的时候 把type改为te...
禁止浏览器记住密码
weixin_30660027的博客
12-20 258
注册或者登陆以后，浏览器右上角会弹框提示你是否要记住密码，现在的需求是不能记住密码 //禁止浏览器记住密码let str = ''; $("#password")这个input标签的type不能是password，可以写成text，如果是password，是不能被变成星星的，具体原因，自己也懵逼 $("#password").keyup(function(){ let value=$(t...
禁止浏览器记住密码操作
weixin_30575309的博客
09-28 326
写页面的时候，发现了一个问题： 那就是当我们提交表单的时候，但凡有password的地方，pc端浏览器都会蹦出来一个提示：您老要不要记住密码啊？ 你可千万不能点记住，要不但凡有input框的地方，他都自动填充！ 这要是放在需要的地方还行，要是在网吧或者是其他角角落落里记住了，日后被不法分子利用，多心塞！ 所以我们做的时候，就要禁止这种情况的存在，具体的做法就是：先让密码框设置为text类型...
禁止浏览器对input的自动填充和填充提示(适用于谷歌、火狐、Edge(原IE浏览器)等常见浏览器)
qq_51667621的博客
06-26 7996
解决input在不同浏览器中自动填充以及填充提示的问题，以谷歌、火狐、Edge(原IE)等浏览器为例，禁止出现自动填充，提高用户隐私和网站的安全性。
有了这个网络安全面试题，面试就像开了挂！（附PDF）
lvaolan的博客
02-26 1687
还有兄弟不知道网络安全面试可以提前刷题吗？费时一周整理的160+网络安全面试题，金九银十，做网络安全面试里的显眼包！王岚嵚工程师面试题（附答案），只能帮兄弟们到这儿了！如果你能答对70%，找一个安全工作，问题不大。对于有1-3年工作经验，想要跳槽的朋友来说，也是很好的温习资料！【完整版领取方式在文末！！​​​​内容实在太多，不一一截图了。
【已解决】edge浏览器会保存历史验证码？新版Edge如何关闭自动填充表单功能？
最新发布
Kika写代码的博客
10-22 5663
新版的edge浏览器每次填完表单会自动保存一大堆无用的东西，甚至连验证码都保存了，下次登录的时候，点击验证码输入框，弹出的自动保存的验证码把验证码输入框都覆盖了，使用起来很不方便，实际上，这是完全没有必要的。在设置里边翻了一大圈没找到关闭的地方，网上也没有找到？如何取消这个保存的功能呢？
EDGE浏览器关闭网址栏自动补全
热门推荐
fiiances的博客
11-08 1万+
这个问题已经膈应我很长时间了，一直没设置，简单百度了一下也没有相关的教程，于是自己写一个方便大家设置。 笔者用的是EDGE 95.0.1020.44 版 1.具体的操作就是点击右侧“···”，选择“设置”，选择“隐私、搜索和服务”，翻滚到最下面，选择“服务”里的“地址和搜索” 2.将“使用我键入的字符显示搜索和站点建议”和“在此设备上使用我键入的字符向我显示历史记录，收藏夹和其他数据中的建议”全部关闭。 见文知意，“使用我键入的字符显示搜索和站点建议”，是以历史输入的搜索或者网址补全。“此设备上使用
vue防止浏览器自动填充以及记住密码
04-05
在HTML中，可以给表单元素添加`autocomplete="off"`属性来防止浏览器自动填充表单。例如： ```html <form> <label for="username">Username:</label> <input type="text" id="username" name="username" autocomplete="off"> <br> <label for="password">Password:</label> <input type="password" id="password" name="password" autocomplete="off"> <br> <input type="submit" value="Submit"> </form> ``` 但是，这种方法并不一定适用于所有浏览器和版本。有些浏览器可能不支持`autocomplete="off"`属性，或者会忽略它。此外，用户可以通过修改浏览器设置来允许自动填充。 如果想要更可靠地防止浏览器自动填充表单，可以使用JavaScript来动态生成表单，并在输入框上添加`autocomplete="new-password"`属性。例如： ```javascript var form = document.createElement('form'); var usernameLabel = document.createElement('label'); usernameLabel.htmlFor = 'username'; usernameLabel.textContent = 'Username:'; var usernameInput = document.createElement('input'); usernameInput.type = 'text'; usernameInput.id = 'username'; usernameInput.name = 'username'; usernameInput.autocomplete = 'new-password'; form.appendChild(usernameLabel); form.appendChild(usernameInput); document.body.appendChild(form); ``` 同样地，这种方法也不是100%可靠。有些浏览器可能会忽略`autocomplete="new-password"`属性，或者用户可以通过修改浏览器设置来允许自动填充。 如果想要防止浏览器记住密码，可以在表单提交时将密码字段的值清空。例如： ```javascript form.addEventListener('submit', function(event) { var passwordInput = document.getElementById('password'); passwordInput.value = ''; }); ``` 这样，当用户再次访问该页面时，浏览器会提示他们保存密码，但是保存的密码将是空的。但是，这种方法并不适用于所有浏览器和版本。有些浏览器可能会在表单提交之前保存密码，或者用户可以通过修改浏览器设置来允许保存密码。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值