不让浏览器自动补全用户名密码

最新推荐文章于 2025-05-21 09:38:39 发布
最新推荐文章于 2025-05-21 09:38:39 发布
阅读量1.7k 收藏 1
点赞数
CC 4.0 BY-SA版权
文章标签： 浏览器 不补填密码
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/guozhubing/article/details/53304908
本文介绍了三种防止浏览器自动填充密码的方法：1. 在 input 标签中使用 autoComplete 属性设置为 off。2. 通过 JavaScript 动态切换 input 类型来避免自动填充。3. 使用隐藏的 input 标签来绕过自动填充机制。

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

1. 在input标签里加  autoComplete="off"，不过很多浏览器不认这种写法（只在chrome中找问题，发现只要input的type是password，就会把帐号密码补上）；

2. 将要输入密码的input标签的type默认称text，然后用js控制type的改变（onfocus的时候改变type为password）。

3. 网上看有很多解决办法，比如加hide的input，不再记录

Felix_2017
关注
浏览器表单自动填充问题【兼容性解决方案】
一只彩乌鸦
06-21 2082
stackoverflow: chrome-ignores-autocomplete-off更多参考该问题是关于Chrome浏览器自动填充的功能，Chrome团队对此给出了他们的立场-https://bugs.chromium.org/p/chromium/issues/detail?id=468153#c164简单来说，有两种情况——【案例1】：你的类型不是。在这种情况下，解决方案很简单，分为三个步骤。将属性添加到不应以电子邮箱或用户名之类的值开头，否则Chrome任然会显示下拉列表。例如，显示下拉菜单，
JS防止浏览器自动记住密码
wl_Viola的博客
09-14 9127
最近项目上做了这样一个功能，使用autocomplete="off"不能解决FF的问题，依旧会提示是否记住密码，第一次写博客，不足之处请大神们多多指点。 HTML部分： 先设置用户可以看见的密码框type为text： <td id = "textOrPsw">     <input id="input_text_psw" name="pswView" type="text
阻止浏览器自动填充账号密码（可能的方案）
aBingNa的博客
11-13 1969
阻止浏览器自动填充账号密码
如何避免浏览器自动弹出更新密码提示框
最新发布
xuweilin的博客
05-21 486
这样浏览器不会识别为密码输入框，从而避免提示。部分浏览器（如 Chrome）会在检测到。属性决定是否提示保存密码。这样可以阻止浏览器提前检测密码输入框。在网页开发中，要避免浏览器自动弹出。这样浏览器不会关联到历史密码数据。或 AJAX 提交增强兼容性。时触发密码保存提示。
js防止浏览器记住密码
qq_36990322的博客
07-06 3225
js防止浏览器记住密码
js限制浏览器记住账号密码
pgLi
03-29 2658
使用框架为angualr6 1、输入框 关键：autocomplete="off" <input nz-input name="txtUsername" formControlName="username" placeholder="请输入账户" autocomplete="off"> 2、密码框 type="password" autocompl...
防止浏览器记住用户名及密码的简单实用方法
赶路人儿
08-06 1397
如何设置能禁止浏览器自动保存表单信息，比如用户名，密码？  现在很多浏览器都有自动填写功能，我在input上使用了autocomplete="off"，但在有的浏览器上还是被记住了用户名跟密码，请问有没有更有效及简便的方法来防止浏览器记住用户名及密码？  1、针对浏览器记住密码  1).首先大部分浏览器都是根据表单域的type="password"来判断密码域的，所以针对这种情况可以采取
JS如何不让浏览器自动记住密码
热门推荐
青崖梦
04-08 1万+
为了帐号和密码安全，作为程序员，如何不让浏览器自动记住密码呢？浏览器有时总是自动填充用户和密码，怎么屏蔽呢？方法/步骤：1、JS清空cookies。具体方法不在此介绍了。2、登录时采用https协议。3、设置上autocomplete属性，阻止浏览器从cookies获取数据填充登录表单：&lt;input type="text" id="username"  name="username"  au...
自动补全-crx插件
04-04
在浏览器插件中，自动补全通常用于填充表单字段，如用户名、密码等，尤其对于经常访问的网站，可以显著节约用户时间。 CRX是Chrome Extension的缩写，是谷歌浏览器扩展程序的打包格式。这个文件包含了扩展所需的...
vue项目如何取消浏览器填充用户名密码的样式问题
12-28
### 解决 Vue 项目中浏览器自动填充用户名密码时的样式问题 为了有效解决 Vue 项目中的浏览器自动填充用户名和密码时带来的样式问题，可以从多个角度入手。一种常见的方式是在 HTML 输入框属性层面进行调整。 ####...
谷歌浏览器账号密码自动填充和明文显示问题
weixin_46103566的博客
11-25 2652
最近在项目中遇到谷歌会自动填充账号密码并且点击有明文提示的问题，查阅各方资料结合理解最终解决问题。现总结如下： 1.上图 很明显看到点击后有明文提示，在登录页面时我们或许需要登录提示。但是在其它页面出现这个情况明显是需要解决的。究其原因是input框中type为password造成的，那么我们便针对此做出input添加readonly属性以及事件监听复写。自动填充可通过auto-complete="new-password"解决 2.项目代码（vue+element） 自行引入jquery templa
auto-complete 自动完成 智能提示 代码联想
05-09
auto-complete 自动完成 智能提示 代码联想 auto-complete 自动完成 智能提示 代码联想
我想要让用户名和密码这几个字的长度看起来一样怎么写
03-22
好的，我现在需要帮助用户解决如何让“用户名”和“密码”这几个字的长度在表单中看起来一致的问题。首先，我得回顾一下之前的对话历史，确保这次回答符合用户的需求，并且延续之前的优化建议。 用户当前的代码中，...
防止浏览器记住密码
ziyouyilan的博客
01-13 426
autocomplete=”off” 密码输入框前加<input type="password" style="display:none"><tr> <td class="th_wd130 txt_right">用户名</td> <td><input class="validate[
禁止浏览器记住密码和自动填充密码
学无止步的博客
08-17 4472
禁止浏览器记住密码和自动填充密码 1、在不输入时设置为只读（已失效，具体情况未验证） <FormItem label="密码" prop="password"> <Input v-model="formData.password" type="password" placeholder="8-16位..." readonly autocomplete="new-password" onfocusin="this.getEl
禁止(防止)浏览器自动填充密码
weixin_34387468的博客
04-09 2019
禁止(防止)浏览器自动填充密码 由于设置autocomplete属性和添加隐藏文本框，以及在初始化时阻止写入等方法都无法完全满足需求，所以只能通过js逻辑来控制。 效果图 主要代码 　　/** * * 禁止浏览器自动填充密码 * * @method d...
vue+element-ui 登录界面 浏览器自动填充保存的用户名和密码问题 后台管理系统 如何取消浏览器自动填充
————————————————————————————————
12-13 3290
网上一搜如何取消密码自动填充这个问题 大多都是给el-input加auto-complete这个属性 但这个属性某些情况下还是会出现自动填充问题 会很麻烦 不能解决问题 这个时候可以使用input密文显示 将原本type=“password” 改成type=“text” 然后设置css样式 el-input{ -webkit-text-security：指定要使用的形状来代替文字的显示 none 无。 circle 圆圈。 disc 圆形。 square 正方形 } 这时就解决了账号密码自动填充 ..
js解决浏览器自动填充账号密码
浮生飘血的专栏
09-16 7351
相信大家用过很多方法,比如密码框设为text,获取焦点后变为password或者页面加载清空密码框,甚至做个定时任务页面加载之后清空密码框,这些方法都用处不大,或者有很多缺陷,下面上方法 给页面设置隐藏域,这样浏览器即使填充也只是填充到隐藏域中,是不是很简单!!!!!!!!!!!!
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值