解决浏览器自动记住密码问题

最新推荐文章于 2025-05-21 09:38:39 发布

chenLeiInTuling

最新推荐文章于 2025-05-21 09:38:39 发布

阅读量1.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： html 文章标签：浏览器自动填充密码 autocomplete无效 html记住密码

本文链接：https://blog.youkuaiyun.com/chenLeiInTuling/article/details/54016197

html 专栏收录该内容

2 篇文章

订阅专栏

一般浏览器在选择记住密码的时候，在开发时它会自动填充进去，就像这样

因为我测试的使用谷歌浏览器，而谷歌浏览器又比较顽固，在网上查找了一些解决办法，像利用HTML5的新特性 autocomplete="off"，反正我的没效果，应该是谷歌浏览器不支持的原因，还有一些办法，像

把input type=”password” 改成 input type=”text” 并在后面加上οnfοcus="this.type='password'"，

这样虽然能解决记住密码的问题，但是会看见密码明文，等聚焦的时候才能变成密文。

后来找到了一个超级简单解决的办法，这是163邮箱使用的办法，增加autocomplete="new-password"完美解决。

 <input id="user-edit-input-password" name="password" value="${user.password}"   autocomplete="new-password" class="easyui-validatebox" type="password" data-options="required:true,validType:['isBlank','length[1,50]']" maxlength='16' />

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

chenLeiInTuling

关注关注

0
点赞
踩
0

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

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

云加速

06-02

1051

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

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

wl_Viola的博客

09-14

9113

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

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

LastPass_密码保管神器 | 谷歌（Chrome）浏览器插件

03-03

【插件简介】 LastPass是一个强大的密码管理器，只记住一个LastPass的主密码。将所有用户名和密码保存到LastPass，并将自动登录到您的网站。【插件网站】 http://lastpass.com/ 【插件更新】 2021-03-01 09:55:49 【插件版本】 4.66.0 【插件标签】热门工具 Chrome插件【插件安装教程】请下载文件后先解压，然后进入页面： chrome://extensions/ 将文件拖拽到该页面，完成安装。具体步骤: https://t.csdnimg.cn/NxMv 【热门插件】 ·优快云 浏览器助手： https://plugin.youkuaiyun.com/

【LastPass】chrome谷歌浏览器记录密码工具

两水先木示的博客

09-13

1750

下载完成后，启用它，会打开一个它的官网，注册一个账号，登录后就能正常使用了，只要有输入账号密码的地方，这个工具插件就会提示你要不要记录，记录之后登录的话就会类似Cookie一样的提示你，使用对应账号的密码，先会提示账号，等你选择对应账号之后，就会在密码框提示你用这个账号对应的密码。勾选上Autologin 可以自动登录。

如何避免浏览器自动弹出更新密码提示框

最新发布

xuweilin的博客

05-21

378

这样浏览器不会识别为密码输入框，从而避免提示。部分浏览器（如 Chrome）会在检测到。属性决定是否提示保存密码。这样可以阻止浏览器提前检测密码输入框。在网页开发中，要避免浏览器自动弹出。这样浏览器不会关联到历史密码数据。或 AJAX 提交增强兼容性。时触发密码保存提示。

不用插件！教你一键显示浏览器自动保存的密码

weixin_30824599的博客

05-14

1045

本文转自：https://pcedu.pconline.com.cn/1114/11141924.html 现在的浏览器大多都有智能填表功能，通俗点说，就是当你在一个网站填写好账号密码并登录后，浏览器会自动保存下来，然后在下次打开该网站时自动填好上次保存的账号名和密码，以便用户登录。不过这项功能有一个问题，那就是时间长后容易让人遗忘最初设过的密码是多少。　　市面上有很多“密码查...

浏览器的记住密码，autocomplete= “new-password“解决

qq_42401946的博客

01-08

3510

例：直接加autocomplete= “new-password” <a-form-model-item prop="userPassword" class="explain-long"> <a-input-password v-model="form.userPassword" autocomplete="new-password" :maxLength="20" placeholder="请输入密码" :style="styleO

阻止浏览器自动填充input密码框

liubt817的博客

09-05

3699

使用随机的字段名称：将密码输入框的 name 属性设置为一个随机的值，例如将其设置为一个长字符串或随机生成的唯一标识符。这样可以绕过浏览器的自动填充机制，因为浏览器通常是通过字段名称来判断是否自动填充密码的。此外，这些方法仅适用于阻止浏览器自动填充密码，而并非完全禁用浏览器的密码管理功能。用户仍然可以手动输入或选择保存密码。使用 autocomplete=“new-password” 属性：在密码输入框中添加 autocomplete=“new-password” 属性，这会告诉浏览器不要自动填充密码。

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

12-10

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

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

12-11

网站项目中，有登录和注册的弹框，在除chrome的浏览器中一切都ok，一旦在谷歌浏览器中，问题来了：首先从登录弹框中登陆成功，chrome会弹出是否保存密码的提示框，点击保存密码按钮，然后接着退出账户，这时打开...

解决chrome、Firefox会密码框填充(type=’password’)问题

01-08

我的项目使用的是elementUI，在做登录的时候遇到在chrome上密码框自动填充和手动填充的问题 chrome填充样式：我们需要去掉这个烦人的东西，网上说的解决办法：一部分加属性 auto-complete=“new-password” ，另一部分auto-complete=“off” ，但是这两种属性根本不起作用然后解决办法：来了使用 input 的属性 readonly 解决，直接贴代码 :readonly=“readonly” @blur=“readonly = true” @click.native=“readonly = false” 刚开始的时候让密码框为只读状

easyui-combobox选项框选值其他属性自动填充问题解决

兔的骄傲

08-04

1303

自己最近是遇到这个问题，并通过初期的构思解决，这里记录一下。前提：在解决问题前需要去给自己定义几个自我问答的情景。问题：当选到值时怎么让其他属性进行填充？一步到位显然是不行的，关键在于怎么获得选择值？怎么得到其他的值?怎么让其进行对应自动填充？思路：我们可以通过combobox的选中事件获得我们需要的值，然后，利用这个值去后台进行查询，以及得到我们需要的值...

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

热门推荐

Pany的博客

02-06

1万+

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

去除浏览器自动记住密码功能

theFrontCalf的博客

01-03

7464

最近由于公司在开发金融项目，对各方面要求比较严格，然而发现第一次在谷歌浏览器和火狐浏览器上登陆账户的时候，都会自动弹出记住密码的弹框：如下图（1）谷歌和火狐浏览器上的弹框：点击了保存之后就会存到浏览器的记录里，分别再Google：设置 -> 高级 -> 管理密码 -> 已保存的密码中和 FireFox：选项 -> 隐私与安全 -> 表单密码 -> 已保存的登陆信息中找到对应信息，

vue项目中用于解决谷歌浏览器默认填充账号密码问题

千里之行，始于足下！

03-27

1934

最近使用vue+elementui搭建的项目中出现一个需求：谷歌浏览器第一次登录保存账号密码之后，后续在碰到需要输入账号密码时，浏览器会默认填充账号密码，现在需求是不想要账号密码默认填充的效果解决方案： 1、在账号输入的元素上加上 auto-complete=“new-accounts” 2、在密码输入的元素上加上 auto-complete=“new-password” 最后强调： a...

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 = ''; }); ``` 这样，当用户再次访问该页面时，浏览器会提示他们保存密码，但是保存的密码将是空的。但是，这种方法并不适用于所有浏览器和版本。有些浏览器可能会在表单提交之前保存密码，或者用户可以通过修改浏览器设置来允许保存密码。