前端如何实现'记住密码'功能
'记住密码'功能在现代 Web 应用中仍然非常常见，但由于浏览器安全策略和用户隐私意识的提升，实现方式已经从早期的'明文存 Cookie'演变为更安全、更符合规范的方案。
下面是目前主流的几种实现方式，从简单到推荐的完整说明：
1. 最常见但已不推荐的方式（仅作了解）
方式：用户名 + 密码同时存入 Cookie 或 localStorage
// 登录成功后
localStorage.setItem('username', username);
localStorage.setItem('password', password);
// 明文！极度危险
// 下次打开页面自动填充
document.getElementById('username').value = localStorage.getItem('username') || '';
document.getElementById('password').value = localStorage.getItem('password') || '';
问题：
- 密码明文存储在客户端，极易被窃取（XSS、物理访问、开发者工具等）
- localStorage 没有过期时间，永久保留
- 几乎所有安全扫描工具都会标记为高危漏洞
结论：2025 年已完全不建议使用这种方式。
2. 当前最推荐的合规方案（浏览器原生 + 记住我）
现代浏览器（Chrome、Safari、Edge、Firefox）都提供了密码管理器和自动填充功能，前端只需要配合好即可实现'记住密码'。
核心思路
不自己存密码，而是让浏览器记住密码。
前端要做的事：
- 使用正确的表单结构，让浏览器识别这是登录表单
- 添加
autocomplete="on"或更具体的属性 - 提供'记住我'复选框（但实际不存密码）
- 登录成功后，浏览器会弹出'是否保存密码'的提示
推荐的 HTML 结构
<form id= = =>
用户名 / 邮箱
密码
记住我（下次自动登录）
登录
