HTML表单必须包含form标签并设置action和method属性，input需有name属性，label须与input显式关联，本地双击打开会因浏览器策略导致提交失败。
HTML 表单不是“写一堆 input 就完事”，缺了 form 标签，点击提交根本不会触发任何行为——浏览器压根不认它是表单。
form 标签必须带 action 和 method
没有 action，数据不知道发给谁；没设 method，默认走 get，会导致密码明文出现在 URL、中文乱码、长文本被截断等问题。
-
action至少得填个占位值，比如action="#"或action="/submit"，空着或写错路径（如action="submit.php"但本地没这个文件）会直接白屏或报net::ERR_FILE_NOT_FOUND -
method="post"是更安全、更通用的选择，尤其涉及登录、注册、留言等场景 - 别只写
<form></form>，漏掉闭合标签会导致后续所有 HTML 结构错乱，浏览器容错再强也救不了嵌套断裂
每个 input 都得有 name 属性
name 不是装饰，是后端收数据的唯一钥匙。没它，字段就等于不存在。
-
<input type="text" id="email">→ 后端完全收不到这个值，id只供 CSS/JS 使用 - 正确写法是
<input type="email" name="email">，PHP 用$_POST['email']，Python Flask 用request.form['email'] - 单选（
radio）和复选（checkbox）必须同组共用一个name，靠value区分选项，否则选了也传不出去
label 和 input 必须显式关联
用户点“密码”两个字却聚焦不到输入框，不是体验差，是可访问性失效，也违反 WCAG 基本要求。
立即学习“前端免费学习笔记（深入）”；
- 最简写法：
<label>密码：<input type="password" name="pwd"></label>（直接包裹） - 分离写法：必须配对
for和id，<label for="pwd">密码：</label><input type="password" id="pwd" name="pwd"> - 只写
<label>密码：</label><input type="password" name="pwd">→ 点文字无效，屏幕阅读器无法朗读关联关系
本地测试时 form 提交必然失败
双击打开 file:// 路径的 HTML 文件，form 提交一定会卡住或报错——这不是你代码问题，是浏览器策略限制。
- 验证数据是否打包正确：加一行脚本
document.querySelector('form').onsubmit = e => { console.log(new FormData(e.target)); e.preventDefault(); } - 真要提交到后端，必须起本地服务，例如 Python 命令：
python3 -m http.server 8000，然后访问http://localhost:8000/form.html - 移动端调试时，
type="tel"或type="email"才能唤起对应软键盘，纯type="text"没这效果
最容易被忽略的是：表单结构一旦断裂（比如 form 没闭合、name 缺失、action 指向 404），整个流程就静默失效——没有报错弹窗，只有后端收不到数据、前端控制台看不出异常。检查顺序建议固定为：form 是否完整 → action 是否可达 → input 是否都有 name → label 是否可点击。
