表单提交没反应的主因是按钮未设type="submit"、form未包裹按钮、字段缺name属性、action/method缺失或JS拦截未preventDefault。需确保语义正确、属性完整、事件处理得当。
表单提交没反应，八成是 form 标签没包住按钮、name 属性漏了，或者 type="submit" 没写对。
submit 按钮必须显式声明 type
浏览器只认 type="submit" 的按钮才会触发表单提交；<button></button> 不写 type 时行为不一致（Firefox 当 submit，Safari 可能当 button），<input type="button"> 则完全不会提交。
-
<button type="submit">提交</button>—— 推荐，语义清晰，支持内嵌 HTML -
<input type="submit" value="提交">—— 兼容老浏览器，但只能纯文本 - 避免
<button>提交</button>（无 type）或<input type="button"> - 检查按钮是否在
<form></form>开闭标签之间，哪怕嵌套多层也行，但绝不能在外面
每个可提交字段都必须有 name 属性
没有 name 的 <input>、<select></select>、<textarea></textarea> 或未勾选的 <input type="checkbox">，根本不会出现在提交数据里——后端收不到，不是接口问题，是前端“没发”。
-
<input type="text" name="username">→ 提交后是username=xxx -
<input type="text">（无 name）→ 这个字段彻底消失 - 多个单选按钮要共用一个
name（如name="gender"）才能互斥 - 复选框若需批量传值，也要统一
name（如name="hobby"），否则只传最后一个选中的
action 和 method 缺一不可地影响行为
不写 action，表单默认提交到当前 URL；不写 method，默认用 GET —— 这会导致参数暴露在地址栏、长度受限、无法传文件或敏感数据。
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
立即学习“前端免费学习笔记（深入）”；
-
method="POST"是登录、留言、上传等场景的合理起点 -
action=""表示提交给当前页，适合 JS 拦截后用fetch处理 - GET 提交后刷新页面会重复提交，且历史记录里全是带参 URL；POST 刷新会弹确认框，更安全
- 后端返回 405 错误，大概率是 method 不匹配（比如前端 POST，后端只接 GET）
用 JavaScript 拦截 submit 时最容易漏三件事
加了监听但页面还是刷新、数据没发出去、控制台没报错——通常是因为没拦住默认行为，或取值/构造方式不对。
- 监听对象必须是
<form></form>元素本身：form.addEventListener('submit', handler)，不是按钮 - 第一行必须是
event.preventDefault()，放在异步操作之后就晚了 - 取值别用
innerText，用element.value（复选框/单选框看.checked） - 构造提交数据推荐
new FormData(form)，它自动过滤空值和未选中项；调试时用Object.fromEntries(new FormData(form))看实际内容
最常被忽略的是：复选框未勾选时不会进 FormData，但后端可能需要明确的 false 值；这时得配一个同名 <input type="hidden"> 并用 JS 同步控制它的 value。
