表单提交失败最常见原因是按钮在form外或form提前闭合；所有控件必须在form内且带name属性；submit按钮必须显式设type="submit"；action和method需匹配后端接口。
form 标签必须闭合且包裹所有控件
表单提交失败最常见原因：按钮在 <form></form> 外面，或者 提前闭合。浏览器只把 <form></form> 内部、有 name 的控件数据打包发送。
-
<form></form>必须显式写出，不能靠 CSS 或 JS 模拟“看起来像表单” - 所有
<input>、<select></select>、<textarea></textarea>必须在<form></form>开始标签和之间 - 检查 DOM 结构：右键 → “检查”，确认按钮节点是否被
<form></form>包裹（不是父级是<div>） <li>嵌套没问题，但 <code><form></form>不能互相嵌套——HTML 不允许 -
<input type="text">→ 必须加name="product_id"，否则后端拿到空对象 -
<select></select>和<textarea></textarea>同理，漏写name就等于没这个字段 - 多个
<input type="checkbox">要共用一个name（如name="services"），才能以数组形式提交 - 单选框
<input type="radio">必须同名（如name="payment_method"），否则互斥失效，后端可能收不到值 - 安全写法只有两种：
<input type="submit" value="提交订单">或<button type="submit">提交订单</button> - 避免
<button>提交订单</button>（没声明type）—— Safari 和部分框架下静默失效 - 不要用
<input type="button">绑定 click 事件来 submit，会绕过原生required校验 - 如果用 JS 拦截，监听对象必须是
form元素的submit事件，不是按钮的click -
method="POST"是订单提交的常规选择；若后端只暴露POST /api/order，就不能用GET -
action必须是完整路径或相对路径（如action="/api/submit-order"），空值或action=""会提交到当前 URL，容易 404 - 开发时用浏览器 Network 面板看请求是否发出、方法是否正确、状态码是否为 200/201，比看页面跳转更可靠
- 若用 fetch 或 axios 替代原生提交，记得手动收集字段值并构造 payload，别依赖
form.submit()
每个字段必须带 name 属性才能提交
没 name 的字段，服务器根本收不到。这不是验证问题，是协议层面的丢弃——浏览器压根不把它放进请求体里。
submit 按钮必须是 type="submit"
<button></button> 默认是 type="button"，点击不会触发表单提交；<input> 不写 type 默认是 text，不是 submit。
action 和 method 要匹配后端接口要求
前端填错 method 或 action，后端连请求都收不到，或者返回 405 Method Not Allowed。
name 拼写错误（比如 user_name vs username）、<form></form> 在某个 <div> 里意外提前闭合，以及 <code><button></button> 忘写 type="submit" —— 这三处出错，页面完全正常，控制台无报错，但数据就是发不出去。
