fieldset不能直接包裹或，因html规范禁止其嵌入表格内容模型，浏览器会自动将其移出导致dom结构错乱；应改用div模拟视觉效果或重构为css布局。
fieldset 不能直接包裹 <tr> 或 <code><td>，浏览器会自动将其移出表格结构——这是最常踩的坑，不是写法不对，是 HTML 规范根本不允许。
<h3>为什么 <code>fieldset 放不进表格里
HTML 表格的 DOM 结构有严格嵌套规则：<table> → <code><tbody> → <code><tr> → <code><td>。而 <code>fieldset 是“流内容”（flow content）元素，不属于表格内容模型（tabular data model）。浏览器解析时会把非法嵌套的 fieldset 自动提升到 <table> 外面，导致样式错位、逻辑脱钩、甚至表单提交异常。
<h3>替代方案：用 <code>div + CSS 模拟 fieldset 视觉效果
如果目标是视觉分组+语义化控制，推荐用语义更灵活的容器替代：
- 用
<div class="form-group"> 包裹一组 <code><td> 内的控件（如多个 <code><input type="checkbox">），再通过 CSS 设置border、padding和legend样式模拟fieldset - 给该
div加role="group"和aria-labelledby提升可访问性，弥补语义缺失 - 避免在
<td> 里塞 <code><fieldset></fieldset>，哪怕它“看起来生效”了——DOM 结构已损坏，JS 查询document.querySelector('fieldset input')会漏掉或错配真需要语义化分组？重构为非表格布局
当控件逻辑上属于同一组（比如“支付方式”含 radio + 输入框 + 说明文字），表格本身可能就不是最佳载体：
- 改用
<form></form>+<fieldset></fieldset>+<legend></legend>主干结构，用 CSS Grid / Flex 控制对齐，比硬塞表格更可控 - 若必须保留表格外观（如报表式表单），可用
display: table系列属性让 div 模拟表格行为，此时fieldset可合法嵌套 - 注意：IE11 对
display: table下的fieldset渲染仍有 bug，需加min-width: 0防 collapse
真正麻烦的不是怎么“塞进去”，而是塞进去之后 DOM 不再是你写的那个 DOM——检查器里看到的结构，和你写的源码，早就不一致了。
- 改用
