“记住我”功能需后端设带过期时间、路径和安全属性的Cookie，前端用封装函数读取并仅填充非密码字段，且表单字段autocomplete属性须合规。
不能靠表单提交本身记住输入，必须由后端写入 Cookie + 前端读取填充，且密码字段需规避浏览器自动填充干扰。
PHP 后端设置 Cookie 要带明确过期时间和安全属性
用户勾选“记住我”后，setcookie() 必须显式指定 expires、path 和 secure（HTTPS 环境下），否则 Cookie 可能不生效或仅限当前路径：
-
setcookie("username", $_POST["username"], time() + 604800, "/", "", true, true);—— 7 天有效期，作用域为根路径，HttpOnly=false才能让 JS 读取 - 密码不建议存明文；若必须存（仅测试环境），至少用
password_hash()单向处理后再存，但实际更推荐只存 token - 未勾选时，应主动清除旧 Cookie：
setcookie("username", "", time() - 3600);
前端 JS 读取 Cookie 填充 input 要避开 document.cookie 解析陷阱
document.cookie 是个字符串，不是对象，手动解析容易漏掉空格、分号、URL 编码问题。别自己写循环拆分，直接用成熟逻辑：
- 用函数封装读取逻辑，比如：
function getCookie(name) { return document.cookie.split('; ').find(row => row.startsWith(name + '='))?.split('=')[1]; } - 填充时机放在
window.onload或DOMContentLoaded之后，避免 DOM 元素未就绪 - 只对
type="text"或type="email"字段填充用户名；绝对不要给type="password"的value赋值——这会触发浏览器拒绝自动填充，且存在明文泄露风险
autocomplete 属性冲突会导致浏览器不弹保存提示
即使你写了“记住我”勾选框，如果表单字段的 autocomplete 值不合规，浏览器根本不会出现“保存密码”气泡：
立即学习“前端免费学习笔记（深入）”；
- 用户名字段必须有
autocomplete="username"（不能是user、login） - 密码字段必须是
type="password"+autocomplete="current-password"（不能是new-password或空值） - 禁止在 JS 中动态改
input.type（比如从text切成password），这会让浏览器判定为“非标准密码字段”，直接禁用保存逻辑 - 表单
action必须指向同源地址，跨域提交不会触发保存提示
真正难的不是写几行 setcookie 或 document.cookie，而是前后端职责边界要划清：浏览器只管填表，服务端只管发 Cookie 维持会话，“记住我”勾选框只是个开关信号，它既不控制浏览器填表行为，也不该承担认证逻辑。混淆这三者，八成会在 Safari 或新版 Chrome 上静默失效。
