form标签是浏览器识别数据收集的唯一信号，必须显式设置action（有效路径）和method（通常为POST），含文件上传时需设enctype="multipart/form-data"，label需用for绑定input的id以保障可访问性，提交后须通过Network面板验证请求是否真正抵达后端。
form 标签不是装饰用的容器，它是浏览器识别“这里开始收集数据”的唯一信号。没它，input、select 等元素就算写得再全，提交行为也不会触发，后端也收不到任何字段。
form 的 action 和 method 必须显式设置
很多初学者直接写 <form></form> 就开始放输入框，结果点提交没反应——因为浏览器不知道往哪发、怎么发。
-
action必须是有效路径（如/api/submit、process.php），空值或#会导致静默失败 -
method不写默认是GET，但绝大多数场景该用POST：密码、文件、长文本都不可见、不被缓存、无 URL 长度限制 - 如果用
GET，所有字段会拼在 URL 后（如?name=abc&age=25），适合搜索类表单，但别用来传敏感信息
enctype 决定文件能否上传成功
只要表单里有 <input type="file">，form 就必须加 enctype="multipart/form-data"。漏掉这个，文件字段在后端永远是空的，且不会报错——只默默丢弃。
- 普通文本提交用默认的
application/x-www-form-urlencoded（不用写） -
text/plain几乎不用，仅用于调试查看原始数据格式 - Node.js / Python Flask / PHP 都依赖这个 header 来解析请求体，设错等于断掉上传链路
label 和 for 属性不是可选项，是交互刚需
只写 <input name="email">，用户必须精准点击输入框边缘才能聚焦；加上 <label for="email">邮箱</label>，点文字也能激活输入框——这对触屏和无障碍访问是硬性要求。
-
for值必须严格等于对应input的id，大小写、空格、下划线都不能错 - 不加
label会导致屏幕阅读器无法读出字段用途，违反 WCAG 基础规范 - 某些浏览器（如 Safari）在未绑定
label时，:focus-within等 CSS 伪类可能失效
最容易被忽略的是：表单提交是否真正抵达后端，不能只看页面有没有跳转或提示。要打开浏览器开发者工具的 Network 面板，筛选 XHR 或 Doc 类型，确认请求发出、状态码是 200（或预期值），且 response 体里有你期望的数据结构。否则，form 可能从一开始就没被正确配置。
