本地localhost环境下Brave浏览器无法自动填充已保存凭据，需点击输入框

检查表单属性配置 #

• 确保用户名输入框设置正确的autocomplete属性：autocomplete="username"，密码输入框设置autocomplete="current-password"，不要设为off或错误值，这是浏览器自动填充的核心触发条件。
• 确认表单的method为POST，且带有明确的action属性（哪怕是localhost本地路径），部分浏览器对无action的表单会限制自动填充。

调整Brave浏览器隐私与安全设置 #

• 打开Brave设置，进入隐私和安全 -> 自动填充，确认开启保存密码和自动填充密码选项。
• 进入密码管理器，检查是否已正确保存对应localhost端口的凭据（比如localhost:3000和localhost:8080会被视为不同站点），若未保存则手动登录一次并确认保存。
• 临时关闭localhost站点的Brave盾牌：点击地址栏的盾牌图标，选择关闭本站点的盾牌，Brave的隐私防护机制可能会拦截localhost的自动填充行为。

配置浏览器站点权限 #

• 点击地址栏的锁图标进入站点设置，找到权限下的密码选项，设置为允许，避免设为询问或禁止。

代码层面优化 #

• 移除页面加载时用JS清空输入框value属性的代码，这类操作会干扰浏览器自动填充逻辑。
• 确保登录表单在页面初始渲染时就已存在，不要用懒加载或延迟渲染的方式加载表单，否则浏览器会错过自动填充时机。

辅助验证手段 #

• 换用Chrome浏览器测试localhost的自动填充（Brave基于Chromium内核），如果Chrome正常，说明问题出在Brave的专属设置上，重点排查隐私防护和盾牌配置。
• 清除浏览器缓存及旧的localhost凭据，重新保存一次登录信息，旧缓存可能导致凭据识别异常。

内容的提问来源于stack exchange，提问作者aim