layui中fieldset不生效需手动调用form.render('field')，且必须添加layui-elem-field类；禁止套用layui-form-item，验证规则须写在input等控件上而非fieldset或legend。
layui form 表单里 fieldset 不生效？先检查是否漏了 layui.form.render()
layui 的 form 模块默认会接管所有带 lay-submit 或 lay-filter 的表单元素，但 fieldset 和 legend 这类语义化标签它不会自动增强样式——你得手动触发渲染，否则看起来和原生 html 一样。
常见错误现象：fieldset 边框没阴影、legend 字体没变粗、圆角/间距不一致，甚至被 CSS 重置掉。
- 必须在
layui.use('form', function() { ... })内部调用form.render('field')（注意参数是'field'，不是'fieldset'） -
form.render()默认只重绘.layui-form下的控件，fieldset需显式指定类型才能触发边框/图例样式注入 - 如果
fieldset是异步插入的（比如通过 AJAX 加载），必须在插入后立即调用form.render('field')，不能依赖页面初始化时的那次渲染
layui 中 fieldset 的 class 写法有坑：别加 layui-form-item
layui-form-item 是给单个输入控件组（如 label + input）用的，套在 fieldset 上会导致内边距错乱、边框叠加、响应式断点失效。
正确结构是让 fieldset 成为 .layui-form 的直接子元素，内部再放多个 layui-form-item：
<form class="layui-form">
<fieldset class="layui-elem-field">
<legend>基础信息</legend>
<div class="layui-form-item">
<label class="layui-form-label">姓名</label>
<div class="layui-input-block">
<input type="text" name="name" lay-verify="required">
</div>
</div>
</fieldset>
</form>
-
fieldset必须加layui-elem-field才能获得 layui 的边框/圆角/阴影样式 -
legend无需额外 class，layui 会自动识别并加粗居中显示 - 如果想取消某组
fieldset的边框，直接删掉layui-elem-field，别用 CSS 强制隐藏border，否则legend的定位会偏移
多个 fieldset 嵌套或并列时，layui-elem-field 的间距控制靠外层 padding
layui 对 layui-elem-field 的垂直间距是通过上下 margin 控制的，但如果你把多个 fieldset 放进同一个 .layui-form，它们之间会堆叠出过大的空隙。
使用场景：需要分区块展示「联系人信息」「收货地址」「发票信息」三组内容，每组一个 fieldset。
- 默认情况下，相邻
layui-elem-field之间有 20px margin-bottom，容易显得松散 - 推荐做法：给最外层
form加自定义 class（如form-grouped），然后用 CSS 覆盖：.form-grouped .layui-elem-field { margin-bottom: 12px; } - 不要对
fieldset直接设margin: 0，否则最后一组下方会贴底，失去呼吸感 - 移动端下
layui-elem-field的padding不会自动缩窄，如有紧凑需求，需媒体查询单独处理
提交时 fieldset 内的验证失效？检查 lay-verify 是否写在了 legend 或 fieldset 上
layui 表单验证只作用于 input、select、textarea 等可交互元素，fieldset 和 legend 上写的 lay-verify 完全无效，还会干扰 JS 解析。
错误示例：<fieldset lay-verify="required"><legend>必填项</legend>... —— 这个 lay-verify 不会被读取，也不报错，只是静默忽略。
- 验证规则必须写在具体输入控件上，例如：
<input name="phone" lay-verify="required|phone"> - 如果想实现“整组必填”逻辑（比如至少填一项），需用自定义验证：
form.verify({ groupRequired: function(value, item) { ... } })，然后绑定到某个隐藏input或按钮上 - 注意：layui 的
form.on('submit(...)')事件不会因为fieldset存在而改变数据收集范围，它仍按name属性提取值，和 DOM 结构无关
fieldset 支持是“样式层”而非“功能层”，它的边界、图例、间距都靠 class 控制，不参与验证、提交、数据绑定这些核心流程。最容易被忽略的是：你以为加了 layui-elem-field 就万事大吉，其实漏掉 form.render('field')，或者把 layui-form-item 错套在 fieldset 上，都会让布局立刻退化成裸 HTML。 
