应使用type="text"配合layui-icon-search和layui-icon-clear自定义图标，置于layui-input-prefix/suffix中，绑定事件并触发input事件以同步表单状态。
layui 的 input 怎么加搜索图标和清空按钮
原生 input 没有搜索图标和一键清空功能，Layui 本身也不直接提供“搜索框组件”，得靠组合实现。核心是用 layui.form.render('input') 激活样式，并手动添加图标和事件。
常见错误是只写 HTML 结构但忘了调用 form.render()，结果图标不显示、圆角失效；或者清空按钮点击后输入框没更新 value，导致后续表单提交还是旧值。
- HTML 结构必须套在
<div class="layui-input-inline"></div>或带layui-form-item的容器里，否则图标对齐错乱 - 搜索图标用
<i class="layui-icon layui-icon-search"></i>，清空按钮用<i class="layui-icon layui-icon-clear"></i>，都放在<div class="layui-input-prefix">和<div class="layui-input-suffix">里 - 清空按钮需绑定
click事件并手动设input.value = ''，再触发input的input事件（比如input.dispatchEvent(new Event('input'))），否则form.on('submit')拿不到变化
怎么让输入框回车就触发搜索（不用按钮）
Layui 不拦截回车行为，得自己监听 keydown。重点不是“怎么绑事件”，而是“什么时候该执行搜索”——比如用户还没输内容就按回车，该忽略还是默认提交？
典型场景是配合 form.on('submit(filter)') 使用，但回车时表单未必已提交，所以更稳妥的是直接监听 input 的 keydown。
百度热榜监控 | Baidu Hot Topics Monitor. 获取百度热搜榜、搜索趋势、关键词热度 | Get Baidu trending searches, trends, keyword popularity. 触发词：百度、热搜、baidu.
- 监听
event.key === 'Enter'，别用keyCode（已废弃） - 记得
event.preventDefault()，否则会触发表单默认提交或页面刷新 - 搜索前先
trim()输入值，避免空格导致接口 400 或无结果 - 如果用了
lay-search这类自定义属性，可在事件里读取：input.getAttribute('lay-search')，用于区分不同搜索逻辑
下拉联想（类似百度搜索提示）怎么接接口
Layui 没内置自动完成，得自己用 $.ajax 或 fetch 拉数据，再用 layui.layer 或简单 ul 渲染下拉列表。难点不在请求，而在交互细节：防抖、点击选中、上下键导航、失焦收起。
容易踩的坑是连续快速输入触发多次请求，后发请求先返回，覆盖了前一次结果（“竞态问题”）。
- 必须加防抖：用
setTimeout+clearTimeout，延迟 200–300ms 再发请求 - 每次新请求前保存当前
abort()上一个$.ajax实例（jQuery）或用AbortController（原生 fetch） - 下拉列表项用
<li data-value="xxx">存原始值，点击时填入 input 并触发input事件 - 用
layer.close(layer.index)管理弹层，避免重复打开；input失焦时延时 150ms 再关闭，防止点到下拉项时被误关
移动端适配和 focus 行为要注意什么
在 iOS Safari 和部分安卓 WebView 里，input.focus() 可能无效，软键盘不弹；或者聚焦后光标位置错乱。Layui 默认没处理这些。
这不是样式问题，是浏览器策略限制：非用户主动触发（比如 setTimeout 里调用）的 focus() 会被静默忽略。
- 确保
focus()发生在用户真实点击/触摸回调内，比如button.onclick = () => input.focus() - Android 下若输入框被遮挡，检查父容器是否用了
transform或fixed定位，这会导致软键盘顶起失效 - iOS Safari 中，给
input加autocomplete="off"和autocorrect="off"能减少干扰，但不能关掉拼写建议 - 别依赖
input.select()全选文本——iOS 有时不响应，改用setSelectionRange(0, 9999)更可靠
