禁止浏览器自动保存密码弹框

最新推荐文章于 2022-07-14 09:45:12 发布

转载最新推荐文章于 2022-07-14 09:45:12 发布 · 361 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/xiangsj/p/6062039.html

文章标签：

#前端 #ViewUI

本文介绍了一种解决浏览器自动填充密码框的方法，通过在密码输入框前添加隐藏的文本输入框来迷惑浏览器，避免自动填充用户名的问题。

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

如图：

对于前端体验来说，这个弹框并不友好

原因：对于 type=password，浏览器会寻找与它临近的input type=text，将用户名填上

缓兵之计是：在<input type="password" 这个标签之前加：<input type="text" style="display:none;" /> 用于混淆浏览器

以下为前辈总结的参考地址是：

http://www.qdfuns.com/notes/16116/8741cbfbd6bc8bc75c1401326922e29f.html

转载于:https://www.cnblogs.com/xiangsj/p/6062039.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_33911824

关注关注

0
点赞
踩
0

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

JS防止浏览器自动记住密码

wl_Viola的博客

09-14

9129

最近项目上做了这样一个功能，使用autocomplete="off"不能解决FF的问题，依旧会提示是否记住密码，第一次写博客，不足之处请大神们多多指点。 HTML部分：先设置用户可以看见的密码框type为text： <td id = "textOrPsw"> <input id="input_text_psw" name="pswView" type="text

Chrome浏览器的自动保存密码提示功能禁用方法

09-22

在表单中加入autocomplete="off"后，IE和FF不会提示保存密码，但是用Chrome浏览器登录系统时，会弹出自动保存密码的提示，从安全的角度考虑，需要禁止浏览器的这个功能

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

Android 关于WebView加载H5禁用记住密码对话框

不二菜菜子的博客

07-14

1795

Android 关于WebView加载H5禁用记住密码对话框

[转]禁止浏览器自动保存密码弹框

weixin_33843409的博客

10-10

1025

本文转自：https://www.cnblogs.com/xiangsj/p/6062039.html 如图：对于前端体验来说，这个弹框并不友好原因：对于 type=password，浏览器会寻找与它临近的input type=text，将用户名填上缓兵之计是：在<input type="password" 这个标签之前加：<input type="text" st...

点击密码input框禁止浏览器弹出已经记录的账号密码

_小郑有点困了的博客

02-25

7270

博客搜到好多autocomplete="new-password"或者autocomplete=“off”，还有加一个display：none的input的框，根本不管用，这样才可以，type得是text，是password依然还会弹出 <input type="text" style="text-security:disc; -webkit-text-security:disc;"/> ...

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

12-11

首先从登录弹框中登陆成功，chrome会弹出是否保存密码的提示框，点击保存密码按钮，然后接着退出账户，这时打开注册弹框，你会发现注册弹框中用户名和密码也被默认填写进去了（登录弹框中默认填写进去符合逻辑）...

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

12-10

以上所述是小编给大家介绍的Vue+element 解决浏览器自动填充记住的账号密码问题，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对软件开发网网站的支持！如果你...

登录时不弹框提示保存密码

12-03

首先，让我们了解浏览器自动保存密码的机制。大多数现代浏览器，包括Chrome，都有内置的密码管理功能。当用户在网站上填写登录表单并成功登录后，浏览器会询问是否要保存用户名和密码，以便下次自动填充，提高用户...

防止浏览器记住用户名及密码的简单实用方法

01-21

如何设置能禁止浏览器自动保存表单信息，比如用户名，密码？现在很多浏览器都有自动填写功能，我在input上使用了autocomplete=”off”，但在有的浏览器上还是被记住了用户名跟密码，请问有没有更有效及简便的方法来...

html页面弹出密码框

梦想照进现实的专栏

02-19

4003

function init() { var yanzhengma = window.prompt("输入访问口令", ""); if( yanzhengma == "123" ) { location.href = "/index.html"; return true; } else { alert("密码错误,重新输入"); } }

vue项目解决页面登录时，禁止浏览器提醒是否保存密码

绝对零度的博客

08-15

3551

主要思路 1.通过input输入框，监听输入值，进行替换成*符号，避免使用input的type="password"类型，造成浏览器提醒是否记住密码；如果是vue、react等项目请自行改造一下代码！ vue项目解决页面登录时，禁止浏览器提醒是否保存密码......

input[type=”password”] 输入框阻止chrome浏览器弹出用户名密码下拉框提示

wdm891026的博客

05-11

8291

一、现象：框架： angular 环境：chrome最新版谷歌浏览器记住密码后，输入框为 password 类型时，就会自动展示已经保存的用户名密码列表；如下图所示：代码如下：  <input nz-input [placeholder]="'Please input the password' | translate" formControlName="password" type="password" /> ...

阻止浏览器弹出表单文本框、密码框提示

kingvslucy的博客

06-26

4909

在项目中遇到登录界面的账号密码框获得焦点时，浏览器总是自动弹出历史登录账号信息下拉列表，覆盖原有样式，影响用户体验，记录本次修改方法。<form action="#" autocomplete="off"> <input type="text" placeholder="用户名" /> <input type="password" p

网站开发时，如何禁用Chrome谷歌浏览器自动保存密码的提示？

mrhaoxiaojun的博客

06-21

5169

在网页开发中，在表单中加入autocomplete="off"后，IE和FF不会提示保存密码，但是用Chrome浏览器登录系统时，会弹出自动保存密码的提示，从安全的角度考虑，需要禁止浏览器的这个功能，提升系统安全性。大部分浏览器都是根据表单域的type="password"来判断密码域的，所以针对这种情况可以采取“动态设置密码域”的方法： //其他各种表单 -->

Web 防止浏览器记住登录密码（vue）

Thea的博客

07-23

3684

需求：在上一篇（登录页隐藏密码位数）的基础上防止浏览器记住密码在网上查了很多也试了很多,比如: 1. 添加-webkit-text-security:disc; 2. input 添加属性autocomplete = "off"; 3. 动态修改input的type属性 <input type="text" name="pass...

js代码控制奇安信可信浏览器阻止记住密码弹框

05-30

可以在登录成功后，在代码中添加以下逻辑，以控制奇安信浏览器不弹出记住密码的提示框： ```javascript // 判断是否是奇安信浏览器 if (navigator.userAgent.indexOf("QHBrowser") >= 0) { // 设置密码输入框属性，禁止浏览器保存密码 var passwordInput = document.getElementById("password"); passwordInput.setAttribute("autocomplete", "off"); } ``` 这段代码首先判断当前浏览器是否是奇安信浏览器，如果是则获取密码输入框元素，并通过设置其`autocomplete`属性为`off`来禁止浏览器保存密码。需要注意的是，该代码只能控制当前页面中的密码输入框不弹出记住密码的提示框，无法完全控制浏览器的行为。