一个能被浏览器和后端正常识别的登录表单必须包含（带action和method="post"）、（配autocomplete="username"）、（配autocomplete="current-password"），且均需正确关联。
HTML登录表单必须包含哪些基础标签
一个能被浏览器和后端正常识别的登录表单，核心就三样：<form></form>、<input type="text">（或 email）、<input type="password">。缺任意一个，都可能被自动填充拒绝、无障碍读取失败，甚至被密码管理器忽略。
常见错误现象：用户填完点登录没反应——其实是忘了 <button type="submit"></button> 或用了 <button></button>（默认是 type="button"，不触发表单提交）。
-
<form></form>必须带action（指向登录接口）和method="post"（GET 会把密码暴露在 URL 和日志里） - 用户名字段推荐用
type="email"（移动端弹出邮箱键盘）或type="text"+autocomplete="username" - 密码字段必须是
type="password"，且加autocomplete="current-password"（否则 Chrome 可能拒绝自动填充） - 不要用
div模拟表单——屏幕阅读器、密码管理器、浏览器 autofill 全部失效
为什么 autocomplete 属性不能乱写
autocomplete 不是可有可无的装饰属性，它是浏览器判断“这栏该填什么、能不能存、要不要提示”的唯一依据。写错值，等于主动屏蔽自动填充和密码保存功能。
典型错误：把密码框写成 autocomplete="off" 或空字符串，结果用户每次都要手输；或者用户名写成 autocomplete="name"，导致浏览器往里塞真实姓名而非账号。
立即学习“前端免费学习笔记（深入）”；
- 登录场景标准写法：
<input name="username" autocomplete="username">+<input name="password" autocomplete="current-password"> - 注册页密码框要用
autocomplete="new-password"，否则 Chrome 会拒绝保存 - 如果后端字段名不叫
username/password（比如叫account、pwd），仍应保持autocomplete值不变——它描述语义，不是映射字段名 - Firefox 对
autocomplete值更敏感，写错直接跳过填充逻辑
form 的 action 和 method 错了会怎样
action 和 method 写错，最直接的结果是表单点了没反应，或者跳转到空白页、404、甚至泄露密码到地址栏——这不是前端 bug，是协议层失效。
常见错误现象：输入正确账号密码后页面刷新但没登录成功；或开发者工具 Network 面板里看不到 POST 请求，只有 GET。
-
method必须显式写method="post"。省略时部分浏览器按GET处理，密码进 URL，服务器日志、代理、CDN 全部可见 -
action要写完整路径，比如/api/login。写成login或./login容易因当前 URL 路径层级导致 404 - 如果走 AJAX 提交，
<form></form>仍需合法action和method，否则禁用 JS 时表单彻底不可用（渐进增强底线） - HTTPS 站点下，
action不能是http://开头，否则现代浏览器直接拦截提交
label 标签不是可选的，而是必须配对
没包 <label></label> 或 for 属性没对上，会导致点击文字无法聚焦输入框——移动端尤其明显，用户得精准点中输入框边缘才能激活键盘。
更隐蔽的问题：屏幕阅读器无法把文字说明和输入框关联，视障用户不知道这个框是填用户名还是昵称。
- 推荐写法：
<label for="user">账号</label><input id="user" name="username"> - 也可以直接包裹：
<label>账号<input name="username"></label>（无需id/for，语义更简洁） - 避免只用 placeholder 当提示文字——placeholder 在输入时消失，无法替代 label 的语义作用
- 密码框的 label 文字别写“密码（必填）”，而要写“密码”，校验逻辑由 JS 或后端控制，“必填”属于交互反馈，不是结构语义
真正容易被忽略的是：label 和 input 的 name/id 关联一旦断开，所有依赖表单语义的功能——从自动填充、语音控制到 Cypress 测试定位——都会悄悄失效，而且不报错。
