layui搜索框禁用需先给input加disabled属性，再调form.render('input')；仅加layui-disabled类或readonly无效，漏掉render会导致视觉和交互均未禁用。
layui搜索框怎么设置成禁用的样式
直接给 input 元素加 disabled 属性，再调 form.render('input') —— 这是唯一能真正让 layui 搜索框（即普通 input 类型的搜索框）视觉和交互都禁用的方式。别指望只加 layui-disabled 类或只设 readonly，它们都不阻断点击、不灰显、不阻止提交。
为什么加了 disabled 却还能点、还能输
Layui 的 input 渲染后会保留原生元素，但 UI 响应由其封装逻辑控制；只改 DOM 的 disabled 属性，Layui 不会自动同步样式（比如背景变灰、光标禁用）和事件拦截。漏掉 form.render('input') 是最常见原因。
- 静态写法：
<input type="text" name="keyword" disabled>，后面必须紧跟form.render('input') - 动态写法：
document.querySelector('[name="keyword"]').disabled = true，紧接着执行form.render('input') - 若页面有多个表单，建议指定 filter：
form.render('input', 'search-form')，避免误刷其他区域
select 下拉框里的搜索输入框怎么禁用
这是个典型混淆点：你禁用的是整个 select，不是它的内部搜索框。要关掉下拉框自带的搜索输入框，得用 lay-search="false" 属性，而不是 disabled。
-
<select name="type" lay-search="false"></select>→ 搜索框不渲染，DOM 里找不到.layui-input - 必须配合
form.render('select')才生效，否则仍显示搜索框 -
lay-search=""或不写该属性，等价于true，不是关闭 - 禁用整个 select 控件本身，仍需额外加
disabled属性 +form.render('select')
禁用后值还被提交？怎么确保真正“失效”
浏览器标准行为是 disabled 字段不参与表单提交，但 layui 的 form.val() 或自定义序列化可能读取到旧状态，尤其在 render 未完成时。
- 提交前务必校验：
document.querySelector('[name="keyword"]').disabled === true - 更稳妥做法：提交回调中临时移除
name属性：elem.removeAttribute('name')，提交后再恢复（如需日志或回填） - 禁用操作必须发生在
form.on('submit')回调之前，且form.render('input')已执行完毕
真正卡住人的从来不是加不加 disabled，而是 DOM 状态、Layui 渲染状态、执行时机三者没对齐——尤其在 AJAX 加载、表格行内搜索、动态权限开关等场景下，render 的位置和范围比写法本身更重要。
