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