正确提交表单需三点：用<form>完整包裹控件，每个控件必须有name属性，且form标签须设置method和action；否则数据无法送达服务器。
要用 HTML 表单标签正确包裹并提交用户输入数据，核心就三点：用 <form> 包住所有可提交控件、每个控件必须带 name 属性、设置好 method 和 action。
必须用 <form> 标签完整包裹输入控件
表单控件（如 <input>、<select>、<textarea>）不能孤立存在。浏览器只提交被 <form> 直接或间接包含的控件。哪怕写在表格里，也要确保 <table> 整体在 <form> 内部，或者至少目标单元格及其内部控件被 <form> 包裹。
- ✅ 正确：<form><table><tr><td><input name="title"></td></tr></table></form>
- ❌ 错误：<table><tr><td><form><input name="title"></form></td></tr></table>（<form> 在单元格内但结构破碎，易出问题）
- ⚠️ 可行但不推荐：用 HTML5 的 form 属性“认领”外部控件，例如 <input form="myform" name="email"> 配合 <form id="myform">，适合复杂布局，但可读性和兼容性稍弱
每个可提交控件都得有 name 属性
name 是服务器识别字段的唯一依据。没有 name，无论用户填什么，后端都收不到这个字段的数据。
- ✅ <input type="text" name="username"> → 后端收到 { "username": "张三" }
- ❌ <input type="text" id="username"> → 后端完全看不到 username 字段
- 复选框和单选按钮要靠 name 分组：<input type="checkbox" name="hobby" value="reading"> <input type="checkbox" name="hobby" value="coding"> → 提交后 hobby 是数组形式
- 文件上传控件也一样：<input type="file" name="avatar"> 必须有 name，否则 req.files 为空
form 标签必须声明 method 和 action
这两个属性缺一不可，否则提交会失败或行为异常。
立即学习“前端免费学习笔记（深入）”；
- method：常用 post（传敏感/大量数据）或 get（简单查询，参数显现在 URL）。没写 method 默认是 get，但多数业务场景应显式写 post
- action：必须是有效的服务端地址，比如 "/api/save" 或 "https://example.com/submit"。留空或路径错误会导致 404 或页面刷新
- 含文件上传时，enctype="multipart/form-data" 是硬性要求，且仅对原生提交生效；用 JS 的 FormData 提交时不用手动加
提交按钮要能真正触发提交
按钮不是摆设，语义必须准确。
- ✅ <button type="submit">提交</button> 或 <input type="submit" value="提交">
- ❌ <button>提交</button>（没 type，默认是 button，不提交）
- ❌ 按钮放在 </form> 外面，又没用 form="xxx" 绑定 —— 点了也没反应
- 如果用 JavaScript 拦截提交（比如做校验或发 Ajax），记得调用 event.preventDefault()，否则页面会立即跳转或刷新
