浏览器自动填充依赖HTTPS、含action的form、语义化autocomplete值（如username/current-password）及DOM邻近性；autocomplete="off"无效，JS提交会中断保存，自动登录实为服务端凭证验证而非前端行为。
浏览器自动填充表单（包括用户名和密码）是原生支持的行为，不是网页自己“实现自动登录”；所谓“HTML自动登录”，本质是配合浏览器的密码管理器完成字段识别与填充——你无法用纯HTML让页面在用户未操作时就提交登录请求，那会严重违反安全原则。
为什么
有时不被记住
浏览器是否保存密码，取决于多个隐性条件，而非仅靠类型声明：
页面必须通过 HTTPS 加载（HTTP 下现代浏览器普遍禁用密码保存）
必须有明确的
属性（即使为空或
），且触发的是真实表单提交（
事件），而非纯 JavaScript 模拟点击
用户名字段需有稳定、语义化的
或
值，如
或
密码字段必须紧邻用户名字段（DOM 顺序上），且
值为
或
（登录页用前者）
不能对密码字段设置
、
，或用 JS 动态清空/覆盖其值（会中断保存流程）
属性怎么写才有效
这是控制浏览器行为最直接的 HTML 属性，但值必须准确，大小写敏感，且需成对出现：
✅ 正确示例：
立即学习
“
前端免费学习笔记（深入）
”；
使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
下载
❌ 常见无效写法：
：现代浏览器大多忽略，且会阻止保存
：非标准值，部分浏览器不识别
用户名用
但后端实际按用户名校验（字段语义错配）
两个字段
值不匹配（如 username + new-password）
为什么 JS 提交后密码不被记住
用
或
手动发登录请求，绕过原生
提交，浏览器就失去了捕获凭据的上下文——它不知道这次请求对应哪个账号、密码字段是谁。
若必须用 JS 提交，保留原生表单结构，仅拦截
事件做防重复提交或加载状态，最后仍调用
避免给密码字段绑定
双向绑定（如 Vue 的
或 React 的受控组件），尤其在登录成功后重置表单时，容易清空已填内容导致保存失败
不要在
处理中调用
后不再触发真实提交——这等于主动放弃浏览器的密码管理能力
真正需要“自动登录”的场景（如扫码登录后跳转到主站），靠的是服务端下发的长期凭证（如
或加密 cookie），由后端验证并建立会话，前端 HTML 本身不参与也不该参与这个过程。把“记住密码”当成“自动登录”，是混淆了客户端提示行为和服务端认证逻辑。
action#submitnameautocompletename="username"autocomplete="username"autocomplete"current-password""new-password"readonlydisabledautocompleteautocomplete="off"autocomplete="password"autocomplete="email"autocompletefetchaxiossubmitform.submit()valuev-modelsubmitevent.preventDefault()refresh_token