关于新版chrome与火狐自动填充账号密码的问题-优快云博客

本文介绍了一种防止浏览器自动填充已保存的账号密码到特定表单的方法，通过创建并隐藏两个输入框，使浏览器优先填充这些隐藏的输入框，从而避免了在实际表单中出现错误的自动填充。

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

#对于浏览器保存了账号跟密码的网站，用户再次登录时，浏览器会自动填充账户跟密码，这本来是为了方便用户的操作，

#但是，如果已经登录的用户，在网站内需要填写一些表单时，如，管理员添加用户等

##我们是不希望浏览器将登录时保存的账户密码填进去的，

##但是即使是设置了autocomplete=“off”,你会发现，新版的浏览器已经忽略了这个属性，

##话不多说，列出解决方案：

## 我们需要写两个给浏览器填写账号密码的input

// 这两个input必须写在你的表单前边，因为浏览器会自动填充先找到的账户密码表单
// 为了不影响界面，这两个表单时需要隐藏掉的，
// 之前的版本可以直接用dispaly:none,
// 但是新版的浏览器会忽略隐藏的表单，推荐使用定位,如：position: absolute;z-index: -99
<input type="text" name="username" style="position: absolute;z-index: -99">
<input type="password" name="password"  style="position: absolute;z-index: -99">复制代码