form必须包含action和method属性才能被正确识别、提交和验证；label须通过for/id绑定input以保障无障碍和点击体验；控件缺失name属性则不会提交数据；仅type="submit"的按钮才能触发表单原生提交。
form 不是装饰性容器，它直接决定表单能否被识别、提交和验证。没有 action 和 method，浏览器可能重载页面或发空请求；没设 name 的控件，服务器根本收不到数据。
form 元素必须带 action 和 method 才算完整
浏览器对缺失 action 的处理不一致：有的默认提交到当前 URL，有的触发 404，有的甚至静默失败。即使你用 JS 拦截提交，也得保留这两个属性，否则无 JS 环境下表单不可用。
-
action可以是"#"、"javascript:void(0)"或真实后端地址，但不能省略 -
method默认是GET，但绝大多数场景应显式写method="POST"—— 尤其含密码、文件或长文本时 - 上传文件必须配
enctype="multipart/form-data"，否则<input type="file">的值不会出现在请求体里
label 和 input 的 for/id 绑定不是可选项
仅靠视觉排列（比如 <label>邮箱</label><input name="email">）无法让屏幕阅读器把文字和控件关联起来。这不仅是无障碍问题，还影响点击体验 —— 用户点 label 文字无法聚焦 input。
- 正确写法：
<label for="email">邮箱</label><input id="email" name="email"> - 复选框/单选组每个
input都要独立id，label的for必须指向对应id，不能共用 - 隐式包裹（
<label>邮箱<input name="email"></label>）虽可用，但在复杂布局或 JS 动态插入时容易断裂
name 属性决定字段是否被提交
用户填的是 value，但服务器收到的是 name 对应的键值对。没有 name 的控件，无论有没有 id 或 value，都不会出现在提交数据中。
-
<input type="text" id="user" value="admin">→ 完全不提交 -
<input type="text" name="username" value="admin">→ 提交username=admin - 复选框未勾选时，该
name字段压根不出现在请求中；如需“未选也传空”，得配合隐藏域 + JS 控制 -
name="hobby[]"或name="profile.email"是后端解析约定，前端只管写，不负责解释
submit 按钮类型决定是否真正触发表单提交
不是所有按钮都能触发 submit 事件。只有 type="submit"（或省略 type 的 <button></button>）才会启动原生提交流程。
-
<button>提交</button>→ 默认type="submit"，会提交 -
<button type="button">取消</button>→ 明确禁用提交，适合清空或跳转 -
<input type="submit">和<input type="button">行为完全不同，后者不会提交 - 用 JS 拦截
submit事件时，别忘了调用event.preventDefault()，否则仍会走原生提交
最容易被忽略的是 name 缺失和 label 未绑定这两点 —— 它们不会报错，但会让表单在部分设备或后端上彻底失效。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
