解决浏览器保存密码时自动填入的问题

最新推荐文章于 2024-10-31 21:06:57 发布

原创最新推荐文章于 2024-10-31 21:06:57 发布 · 1.9k 阅读

1 ·

CC 4.0 BY-SA版权

vue 专栏收录该内容

31 篇文章

订阅专栏

本文介绍了一种解决浏览器自动填充密码的方法，通过在密码框的 type 属性中使用 JavaScript 动态切换的方式，实现禁用浏览器自动保存密码的功能。

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

解决思路：

把密码框的 type 先写 'text' ,，当点击输入框或者聚焦的时候再把 type 变回 password ，这样浏览器就不会自动填充了

<input :type="pass? 'password' : 'text'" @focus="pass = true" class="input" placeholder="请输入您的安全密码" v-model="password">

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

qq_25186543

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

浏览器保存密码后自动填充错位问题

lyn1772671980的博客

09-02

2488

问题描述在浏览器中进行登录操作时浏览器往往会问我们是否需要记住密码，当我们点击了记住密码后，发现浏览器会自动填充此域名下已经保存的账号密码，给用户带来不便。加了HTML5 中的新属性autocomplete="off" ，但是并没有产生效果。 浏览器自动填充机制反复测试后发现浏览器自动填充机制是满足：页面里有一个type=password的input且这个input前面有一个type=text的input的时候就会进行自动填充。firefox和360浏览器的处理方式是：只要检测到页面里有满足填

解决浏览器保存密码自动填充问题

weixin_43818482的博客

01-15

861

解决浏览器保存密码自动填充问题问题描述话说有一天，我如往常一样打开我的开发网站进行登录操作。浏览器很平常的在我们进行登录操作之后询问我是否需要记住密码，懒惰如我点击了记住密码。一切都很正常的进行着，没有什么异常发生。然而，问题就出现了。当我打开一个新建用户的操作，里面的输入框自动将我的用户名和密码默认填写进去了，然后触发了内置的校验规则在我确认过在打开编辑框的时候已经输入框的数据重置之后...

参与评论您还未登录，请先登录后发表或查看评论

解决浏览器会自动填充密码的问题

12-11

解决办法是在form上或input上添加autoComplete=”off”这个属性。 form表单的属性如下所示：但是这个解决方案在谷歌和火狐上均有bug,下面来一个一个解决。 1.’autocomplete=”off”‘在Chrome中不起作用解决方案网站项目中，有登录和注册的弹框，在除chrome的浏览器中一切都ok，一旦在谷歌浏览器中，问题来了：首先从登录弹框中登陆成功，chrome会弹出是否保存密码的提示框，点击保存密码按钮，然后接着退出账户，这时打开注册弹框，你会发现注册弹框中用户名和密码也被默认填写进去了（登录弹框中默认填写进去符合逻辑），这现象就诡异了，开始

autocomplete 属性清除input框输入存留历史值,防止下拉历史值显示

weixin_30567471的博客

01-16

778

autocomplete 属性规定输入字段是否应该启用自动完成功能。自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时，浏览器基于之前键入过的值，应该显示出在字段中填写的选项。注释：autocomplete 属性适用于 <form>，以及下面的 <input> 类型：text, search, url, telephone, email, passwo...

Vue+element 解决浏览器自动填充记住的账号密码问题

12-10

我们在做form表单的时候,会发现,浏览器会自动的将我们之前保存的密码,自动的填充到表单中input 为 type="password" 的框中登录页面也就算了,但是注册页面就很难受了,有一种不受控制的感觉不行,我的代码必须由我...

html解决浏览器记住密码输入框的问题

云加速

06-02

1087

或者，你可以使用一个伪装的输入框（如一个文本输入框）来捕获用户的输入，并在用户提交表单时将其转换为密码输入框的值。然而，这种方法可能不总是有效，因为浏览器的自动填充行为通常不受JavaScript的控制。当浏览器记住密码并自动填充到表单的密码输入框时，这通常是浏览器为了提供便利而采取的功能。虽然这不会阻止浏览器自动填充密码，但可以改善用户体验，让用户感觉到密码输入框没有被自动填充。请注意，没有一种方法是完美的，并且可能会因浏览器、浏览器版本和用户的隐私设置而异。有些第三方库提供了处理浏览器自动填充的功能。

前端如何解决浏览器input输入框密码自动填充的问题

最新发布

不负光阴不负自己，不负被爱不负所爱

10-31

1859

标签的密码输入框自动填充问题，你可以采取多种方法，但需要注意的是，由于浏览器的实现差异，这些方法可能并不总是有效。以下是一些常见的策略：然而，一些现代浏览器可能会忽略这个属性，特别是当它们认为用户安全受到威胁时（例如，在登录表单中）。请记住，没有一种方法可以保证在所有情况下都有效，因为浏览器的自动填充行为是由它们的实现和用户的设置决定的。在尝试解决自动填充问题时，始终要权衡安全性和可用性。禁用自动填充可能会提高安全性（例如，防止跨站请求伪造攻击），但也可能降低用户体验（例如，需要用户手动输入更多信息）。

浏览器保存密码自动填充问题

大师兄

03-05

1597

原文链接:https://dsx2016.com/?p=309 ➢ 问题只要打开登录界面,之前使用过得账户密码就会自动填充到输入框,隐私体验不太友好 ➢ 浏览器自动填充机制猜测是当浏览器遇到input输入框type=text和type=password的并在一起的常见登录模式后,就会开启自动填充表现为黄色背景,初始登录会提示是否记住密码,点击记住就会保存,下次就会自动填充...

阻止浏览器自动填充密码的解决方案

wangchaoqi1985的博客

10-18

335

阻止浏览器自动填充密码的解决方案

PC端浏览器自动填充账号密码输入框问题该如何解决？

qq_40868156的博客

06-27

4594

解决浏览器自动填充账号密码输入框问题

规避浏览器自动填写账号密码的一种思路

qq_32109661的博客

04-10

452

很多浏览器都会加入记住密码并且自动填充用户名和密码来方便使用者，但在有些情况下这种方便反而会带来不便，因为它会填充当前网页IP地址下面的页面上的text和password类型输入框组合，会带来一点麻烦。其实网上有很多关于如何解决这种问题的方法，我简单谈一下我个人比较喜欢的一个方法，因为浏览器填充用户名和密码是按照text与password类型组合来判断的，所以本来type应该是password...

360浏览器，qq浏览器等登录页输入账号密码，在页面内再次遇见有密码框的地方会自动填充的解决办法。

qq_27339423的博客

09-05

6542

在360浏览器，qq浏览器等登录页输入账号密码，在页面内再次遇见有密码框的地方会自动填充，在网上没有找到合适的解决办法，然后自己琢磨了一个，仅供参考。登录页的账号密码输入框不需要做任何变化。我们可以看到在我的邮箱配置管理页面的弹窗里，有涉及到输入密码的地方，即输入框类型为type="password"的地方，密码会自动填充。就算编辑邮件配置内容的弹窗，本身就有value值，

解决浏览器自动填充记住的账号密码问题

Pany的博客

02-06

1万+

type="password" placeholder="密码" readonly onfocus="this.removeAttribute('readonly');"/> 用js去清除input的value值是无效的，因为浏览器填充账号密码的动作是在js执行完之后发生的。

web安全：防止浏览器记住或自动填写用户名和密码(表单)的终极解决方案