浏览器消除自动填充帐号密码

最新推荐文章于 2022-11-10 11:15:26 发布

lihefei_coder

最新推荐文章于 2022-11-10 11:15:26 发布

阅读量1.9k

点赞数

CC 4.0 BY-SA版权

分类专栏：浏览器文章标签：浏览器自动填充帐号密码

本文链接：https://blog.csdn.net/lihefei_coder/article/details/83829159

浏览器专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一种在Chrome浏览器中防止自动填充密码的方法，通过使用autocomplete=new-password属性，有效避免了浏览器自动填充密码带来的不便。此方法在其他浏览器的兼容性未测试。

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

浏览器自带的记住密码功能给用户来了一定的便捷，同时也带来了一些副作用，有些地方不需要却也自动填充上了，为了解决这个问题前端工程师们绞尽脑汁换着各种黑魔法在添堵，目前也没看到比较优雅的解决方式，下面这种方式能解决在Chrome下自动填充的问题，其他浏览器没测过就布吉岛了，感兴趣的可以测试下兼容性。

autocomplete=“new-password” 这个属性比较关键

    <form>
	    <div class="account">
	        <input type="text" id="username" placeholder="用户名" autocomplete="new-password">
	    </div>
	    <div class="password">
	        <input type="password" name="" style="display:none;">
	        <input type="password" id="password" placeholder="密码" autocomplete="new-password">
	    </div>
    </form>