触发表单提交最直接，但必须置于含正确action和method的内；字段需有name、不可disabled；多submit用更灵活；拦截提交须监听form submit事件并用formdata发送。
用 <input type="submit"> 触发表单提交最直接
浏览器原生支持，不用 JS 就能发数据到后端。关键不是“加个按钮”，而是它必须在 <form></form> 内部，且表单要有 action 和 method 属性，否则点下去没反应。
常见错误现象：click 无响应、页面刷新但数据没收到、地址栏出现一堆 query 参数（GET 误用）。
-
action必须写对后端接收接口的路径，比如/api/login，空值或错路径会导致 404 -
method默认是GET，敏感数据（如密码）必须显式设为POST，否则参数会暴露在 URL 里 - 按钮本身不需要
name，但如果有多个 submit 按钮（如“保存”和“保存并退出”），可加name+value区分触发来源
submit 按钮和 button[type="submit"] 有啥区别
行为一致，都触发表单提交；但语义和默认样式不同。前者是自闭合输入控件，后者是容器型元素，可嵌套图标或文字组合。
实际选哪个，取决于你是否需要往按钮里塞 HTML —— 比如加个 <svg></svg> 图标，只能用 <button type="submit"></button>。
-
<input type="submit" value="登录">：纯文本，不能加内联样式以外的结构 -
<button type="submit"><span>登录</span></button>：可加 class、伪元素、图标字体等，更利于 UI 控制 - 注意：某些旧版 IE 对
button的value提交逻辑有偏差，若需兼容极老环境，优先用input
点击后页面跳转但后端收不到数据？检查这三点
最常卡在这几个低级但难发现的环节，尤其当表单字段用了 name 却还是空：
- 所有要提交的字段（
<input>、<select></select>、<textarea></textarea>）必须带name属性，id不参与提交 - 字段被设置了
disabled，会被浏览器自动忽略（即使视觉上可见），要用readonly替代 - 表单内存在
<input type="submit">之外的<input type="button">或无type的input，可能被误点导致无提交
想阻止默认提交只做前端校验？event.preventDefault() 是入口
现代表单往往先 JS 校验再发请求，这时得拦住原生提交。但注意：拦截后如果忘记手动调 fetch 或 XMLHttpRequest，数据就真不发了。
绑定事件时别用 onclick 行内写法，容易覆盖或难调试；统一用 addEventListener('submit', ...) 在 <form></form> 上监听。
- 监听
form的submit事件，不是按钮的click—— 后者无法捕获回车提交 - 校验失败时调
event.preventDefault()，成功后可手动fetch(form.action, { method: form.method, body: new FormData(form) }) -
FormData(form)自动收集带name的字段，比遍历form.elements更可靠
name 缺失、disabled 误用、或把 submit 绑在了错误元素上——这些地方没有报错，但数据就是不走。
