表单提交失败的四大原因：action路径错误导致404；method选错影响数据传输安全与长度；含文件上传时未设enctype="multipart/form-data"；控件缺失name属性致数据不发送。
form 的 action 属性必须写对路径，否则请求根本发不到后端
浏览器提交表单时，action 决定了请求发给谁。留空或写错路径（比如少个 /、写成相对路径但当前 URL 已带多级路径），会导致 404 或请求被发到错误地址。
常见错误现象：Failed to load resource: the server responded with a status of 404 (Not Found)，或者表单看似提交成功，但后端日志完全没收到请求。
- 绝对路径最稳：用
action="/api/submit"，以/开头，从根目录算起 - 避免相对路径陷阱：比如当前页面是
/user/profile/edit，写action="save"会发到/user/profile/save，不是你想要的 - 想提交到当前页面？可省略
action，或显式写action=""（此时浏览器会用当前 URL） - 调试时打开浏览器 DevTools → Network 标签页，点提交，看 Request URL 是否符合预期
method="post" 和 method="get" 不只是语义区别，会影响数据可见性与长度限制
method 决定 HTTP 方法，也决定了数据怎么传、能传多少、是否该被缓存。
-
method="get"：数据拼在 URL 后面（?name=abc&id=123），URL 长度受限（通常 2KB 左右），所有参数明文可见，会被浏览器历史、服务器日志、代理缓存记录 —— 别用它传密码或敏感信息 -
method="post"：数据放在请求体里，无长度硬限制（取决于后端配置），不会出现在 URL 中，也不被默认缓存 —— 表单提交首选 - 注意：HTML 表单只支持
get和post；想用put/delete必须靠 JS 模拟，method属性本身不认这些值
不设 enctype 时，文件上传一定会失败
当表单含 <input type="file">，必须设置 enctype="multipart/form-data"，否则文件字段会被忽略，后端收不到任何文件数据，甚至整个请求体解析都出错。
- 默认
enctype是application/x-www-form-urlencoded，只能传文本键值对 - 设成
multipart/form-data后，浏览器会把文件内容按二进制分段打包，后端框架（如 Express、Django、Spring）才能正确解析 - 别写错拼写：
enctype不是encoding，也不是enc-type - 示例：
<form method="post" action="/upload" enctype="multipart/form-data">
submit 按钮点击后页面跳转，但后端没收到数据？检查 name 属性是否缺失
表单提交时，只有带 name 属性的控件才会被序列化发送。没有 name，再正确的 action 和 method 也没用 —— 后端收不到任何字段。
-
<input type="text" id="username">❌ 不会提交 -
<input type="text" name="username" id="username">✅ 正确 - 按钮也一样：
<button type="submit">提交</button>可以触发，但若想让按钮值参与提交，得加name和value：<button type="submit" name="action" value="publish">发布</button> - checkbox/radio 未勾选时不提交，这是正常行为；若需确保字段存在，可用隐藏域配合 JS 控制
action 路径、method 语义、enctype 类型、控件 name 这四样缺一不可，漏掉任意一个，前端就“看起来动了”，后端却“什么都没收到”。 
