不合法，HTML5规范硬性禁止嵌套form标签，浏览器会静默修复、截断或丢弃内层form，导致字段丢失、提交失效、JS无法获取控件；应使用form属性绑定控件到指定表单。
HTML 不允许嵌套 form 标签
直接回答：不合法，浏览器会静默修复、截断或丢弃内层 form，导致字段丢失、提交失效、JS 获取不到控件。这不是兼容性问题，而是 HTML5 规范硬性禁止的行为。
常见错误结构：<form><input name="a"></form>
<form><input name="b"></form>
<button type="submit"></button>。解析器遇到第二个 <form></form> 时，会立即关闭第一个，把后续内容（包括 button）移出表单树——你点按钮，根本没表单可提交。
DevTools 里看 Elements 面板，会发现 button 已不在任何 form 内部缩进层级中；console.log(document.forms) 返回的长度也少于预期。
form 属性是替代嵌套的唯一标准方案
当需要让某个控件“属于”一个不在其 DOM 父路径上的表单时，用 form 属性绑定，而不是把它塞进另一个 form 里。
立即学习“前端免费学习笔记（深入）”；
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
-
form属性值必须是页面中某个form元素的id字符串，不能是 class 或其他选择器 - 控件仍需有
name，否则不参与提交 - 支持的控件类型包括
input、textarea、select、button（含type="submit"） - IE 不支持，如需兼容，得用 JS 模拟提交逻辑
示例：<form id="user-form" action="/update"><button type="submit">更新</button></form>
<input type="text" name="phone" form="user-form">。这个 input 不在 form 标签内，但提交时会被包含。
表格中放表单控件，form 必须包裹整个 table
想在 td 里放 <input> 并正常提交？唯一合规写法是：一个 form 作为 table 的直接父元素，所有控件都在 tbody 或 tr 内部，且不跨 form 边界。
- ❌ 错误：
<table><tr><td><form><input name="x"></form></td></tr></table>——form不能是td子元素，浏览器会把它提到table外 - ✅ 正确：
<form><table><tr><td><input name="x"></td></tr></table></form> - 每行独立提交？别拆
form，改用form="row-1"绑定该行所有控件到对应form（form可放在页面任意位置）
多个表单并存，必须并列，不能靠“结构上靠近”来混淆语义
搜索框、评论区、用户资料编辑——这些是逻辑上完全独立的提交单元，就该各自拥有一个 form 元素，彼此平级，用语义容器（如 header、section、aside）隔离，而不是试图用嵌套“组织”它们。
容易被忽略的细节：
- 空
<form></form>标签（比如模态框里随手写的）会提前终止前一个表单的解析范围，导致后续所有控件游离 -
formaction属性只对type="submit"的button或input生效，且必须确保该按钮已通过form属性或 DOM 位置归属到某个有效表单 - 后端收不到字段，第一反应不该是查 JS，而是打开 DevTools → Elements → 逐层确认控件是否真在目标
form的子树里
