解决浏览器默认填充账号密码机制

最新推荐文章于 2023-03-12 10:38:01 发布
最新推荐文章于 2023-03-12 10:38:01 发布
阅读量790 收藏 1
点赞数
文章标签： javascript html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39796111/article/details/111929723
版权

解决浏览器默认填充账号密码机制

问题描述： 只要该域下保存过账号密码，下次进来浏览器就会自动填充

原因：浏览器自动填充机制是满足：页面里有一个type=password的input且这个input前面有一个type=text的input。的时候就会进行自动填充

解决方案：页面里input都写成type=text ， 等密码框获得焦点的时候给改成type=password

备注：网上五花八门解法不够简洁或兼容性不够友好，此种解法本人手动尝试，兼容各版本各类型浏览器，如发现有问题，留言一起交流

思绪___断了线
关注
关于360浏览器自动填充用户名和密码的问题
Wisdom_Qiu的博客
11-30 9696
关于360浏览器自动填充用户名和密码的问题在工作中领导要我想一个问题，关于360浏览器会自动填充密码和用户名的问题，而且该死的input框还会变成屎黄色，丑到爆（用户端也可以自行设置浏览器不保存密码）首先分享一下我的总结： * 一般都是cookie记住用户名和密码。可以设置禁止用户修改cookie，osc就这样做了！ eg: PHP4 header("Set-Cookie: hidden=
chrome浏览器当表单自动填充时如何去除浏览器自动添加的默认样式
09-03
很多朋友都遇到这个问题：当使用chrome浏览器表单自动填充时都会自动添加默认的样式，该如何去除默认样式呢？看看小编是怎么去除的，需要的朋友一起学习吧
浏览器保存密码后自动填充问题
hmily43的博客
01-28 845
问题描述 在浏览器中进行登录操作时浏览器往往会问我们是否需要记住密码，当我们点击了记住密码后，发现浏览器会自动填充此域名下已经保存的账号密码，给用户带来不便。加了HTML5 中的新属性autocomplete="off" ，但是并没有产生效果。 浏览器自动填充机制 反复测试后发现浏览器自动填充机制是满足：页面里有一个type=password的input且这个input前面有一个type=text的input的时候就会进行自动填充。firefox和360浏览器的处理方式是：只要检测到页面里有满足...
浏览器自动填充密码分析及解决
joshua317的博客
09-10 2546
本文为joshua317原创文章,转载请注明：转载自joshua317博客浏览器自动填充密码分析及解决 - joshua317的博客 禁止浏览器自动填充密码 我们在开发的过程中，经常会遇到一个问题，设置密码的页面，密码框被自动填充了密码，这是什么原因呢？又如何解决呢？ 一、原因为哪般？ 这是因为我们在设置完以后，浏览器会弹出， “是否保存账号密码” 的询问框 如果我们选择不保存账号密码，也就不会出现这个问题了，但是大多数情况下，用户都是选择保存密码！ 那么一旦选择了保存，那么下次再登录这个网站.
解决浏览器自动填充账号密码的问题
weixin_43887789的博客
05-08 1412
`利用HTML5特性 autocomplete=“off” 在password设置 <input type="text" id="password" name="password" onfocus="this.type='password'" class="ui_input_txt01" autocomplete="off"/> 但是用 onfocus 出现获取焦点就会得到浏览器的账...
js解决浏览器自动填充账号密码
浮生飘血的专栏
09-16 7271
相信大家用过很多方法,比如密码框设为text,获取焦点后变为password或者页面加载清空密码框,甚至做个定时任务页面加载之后清空密码框,这些方法都用处不大,或者有很多缺陷,下面上方法 给页面设置隐藏域,这样浏览器即使填充也只是填充到隐藏域中,是不是很简单!!!!!!!!!!!!
Vue+element 解决浏览器自动填充记住的账号密码问题
12-10
以上所述是小编给大家介绍的Vue+element 解决浏览器自动填充记住的账号密码问题，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对软件开发网网站的支持！ 如果你...
解决浏览器会自动填充密码的问题
08-30
解决浏览器自动填充密码的问题 浏览器自动填充密码是指浏览器在用户登录或注册时，自动填充用户名和密码的行为。这种行为可能会导致用户的账户信息泄露，影响用户的隐私和安全。因此，解决浏览器自动填充密码的问题...
前端如何解决浏览器自动填充input输入框账号密码的问题
最新发布
06-18
浏览器自动填充input输入框账号密码是浏览器的默认行为，可以通过设置input的autocomplete属性来控制是否允许浏览器自动填充。如果需要禁止浏览器自动填充，可以设置autocomplete="off"。但是有些浏览器不支持该属性...
autocomplete 属性 清除input框输入存留历史值,防止下拉历史值显示
weixin_30567471的博客
01-16 744
autocomplete 属性规定输入字段是否应该启用自动完成功能。 自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时，浏览器基于之前键入过的值，应该显示出在字段中填写的选项。 注释：autocomplete 属性适用于 <form>，以及下面的 <input> 类型：text, search, url, telephone, email, passwo...
浏览器记住密码和回填
weixin_30741653的博客
09-09 324
表单的一些问题 1. 浏览器记住帐号(验证码)密码 2.浏览器表单回填 在浏览器里有一个前端的爬虫，可以抓取到我们的inut type=password，我们成功的提交表单，浏览器会在右上角弹框，询问是否记住密码，但是我们发现有时候记住的不是我们的帐号，比如: 提示我们记住的是验证码，但是产品说这个必须是帐号，这个需求提的我猝不及防，然后就有了这一篇记录。 方案 ...
解决浏览器自动填充账户密码问题
weixin_50352816的博客
03-12 221
readonly 解决浏览器自动填充账户密码问题
浏览器保存账号密码后，禁止浏览器默认填充账号的几种方法，亲测有效
huanloveqiang的博客
12-20 1752
浏览器保存账号密码后，禁止浏览器默认填充账号的几种方法，亲测有效
【JS】【29】解决浏览器自动填充密码输入框的问题
aizhu4795的博客
06-19 983
前言：该文章仅为记录方法，原博写得很好，可直接查看原博。我在实际项目中觉得比较麻烦，直接自动填充就自动填充算了，并未做处理 正文： 1，使用HTML属性（autocomplete="off"） <input type="password" autocomplete="off"/> 由于自动填充这个特性是浏览器自己实现的，autocomplete这个属性也没有被...
web安全：防止浏览器记住或自动填写用户名和密码(表单)的最简单终极解决方案
cxz
06-24 1283
背景 最近项目上有一个功能是忘记密码的，里面有手机号码，验证码，登录密码这几个选项，然后手机密码又不是登录账号，然后密码用的是el input 里面的type = “password”，导致了修改密码成功之后，验证码还有密码会被谷歌浏览器自动保存 在网上搜了一圈，发现都是不完美的，不兼容全部的浏览器，于是只能自己摸索了， 解决方案 其实方案很简单，只需要在修改成功后,then里面 获取到input的节点属性，然后把他的value设为“”即可 代码如下 <el-input v-model="form.
关于浏览器自动填充账号和密码引起的Bug
如影随风
07-18 5039
最近在项目中遇到过浏览器自动填充账号和密码引起的Bug。先来说下项目的经过：我的另一位童鞋在做登录模块的时候，登录按钮默认就是禁止点击的状态，如果账号密码都没有输入，那么登录按钮也是处于禁止点击的状态，所以当浏览器保存账号和密码后bug就来了。当进入登录页面后，浏览器自动填充账号密码，然而按钮还是处于禁止点击的状态（实际是可以点击的），但是代码还是做了处理的，当账号和密码输入框的值不为空就会自动解...
解决浏览器自动填充记住的账号密码问题
Pany的博客
02-06 1万+
type="password" placeholder="密码" readonly onfocus="this.removeAttribute('readonly');"/> 用js去清除input的value值是无效的，因为浏览器填充账号密码的动作是在js执行完之后发生的。
不让浏览器自动补全用户名密码
guozhubing的博客
11-23 1694
1. 在input标签里加  autoComplete="off"，不过很多浏览器不认这种写法（只在chrome中找问题，发现只要input的type是password，就会把帐号密码补上）； 2. 将要输入密码的input标签的type默认称text，然后用js控制type的改变（onfocus的时候改变type为password）。 3. 网上看有很多解决办法，比如加hide的input，
JS如何不让浏览器自动记住密码
热门推荐
青崖梦
04-08 1万+
为了帐号和密码安全，作为程序员，如何不让浏览器自动记住密码呢？浏览器有时总是自动填充用户和密码，怎么屏蔽呢？方法/步骤：1、JS清空cookies。具体方法不在此介绍了。2、登录时采用https协议。3、设置上autocomplete属性，阻止浏览器从cookies获取数据填充登录表单：&lt;input type="text" id="username"  name="username"  au...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值