type="reset"在Layui中无效，因其select、checkbox等控件为隐藏原生元素后重绘的UI，原生重置仅清DOM值而不更新视觉状态；必须用type="button"配合form.val()清数据与form.render()刷UI，二者缺一不可。
type="reset" 在 layui 中为什么不起作用
因为 layui 的 select、checkbox、radio、开关等控件是隐藏原生元素后用 dom 重绘的 ui，浏览器原生的 type="reset" 只会清空原生元素的值，对 layui 渲染后的视觉状态完全无效——看起来什么都没变。
更麻烦的是：如果表单没写 type 属性，按钮默认触发 submit，页面刷新或跳转，连清空都来不及做。
- 必须显式写
type="button"，禁用原生行为 - 不能依赖
form.reset()或原生重置逻辑 - 所有清空操作必须手动控制，且分两步：改数据 + 刷 UI
form.val() 和 form.render() 必须配对调用
form.val('filterName', {}) 只清字段值，不更新下拉框、开关等 UI；form.render() 只重绘 UI，不改任何值。两者缺一不可，顺序也不能反。
- 先执行
form.val('searchForm', {})—— 清掉所有已注册字段（name匹配）的数据 - 再执行
form.render()或更精准的form.render('select', 'searchForm')—— 刷新对应区域 - 若表单含
laydate，还需额外对 input 调.val('')并执行laydateIns.setValue('')
动态生成表单时 form.render() 失效的三个常见原因
点了重置按钮，select 还是旧值，甚至样式错乱，大概率不是逻辑错，而是渲染时机或配置不一致。
- 没加载
form模块：layui.use(['form'], function(){})必须包裹所有操作，否则form是undefined - DOM 尚未挂载就调了
form.render()：比如在$.get()回调里拼完 HTML 后立刻渲染，但元素还没插入页面 -
lay-filter值不一致：HTML 写lay-filter="searchForm"，JS 却写form.val('search-form', {})（多了短横线），字段名对不上，清空静默失败
表格搜索重置必须同步 table.reload()
表单重置只影响本地 UI 和数据，Layui 表格的展示结果由 table 的 where 参数驱动。只清表单不重载表格，用户看到的还是旧数据。
- 务必在重置逻辑末尾加
table.reload('dataTable', { where: {} }) -
where: {}是清空查询条件的正确写法；where: null或删掉该字段会被忽略，条件依然生效 - 如果表格启用了分页，还要额外加
page: { curr: 1 }，否则可能停留在非第一页
form.render() —— 这两个点出问题时几乎不报错，只表现为“看起来没反应”。
