layui input 启用浏览器原生自动填充需设置合法 name 和 autocomplete 属性（如 autocomplete="username"），禁用 autocomplete="off"；业务关键词建议应使用 datalist，移动端兼容性受限时需自定义下拉面板。
layui input 怎么启用浏览器原生自动填充建议
Layui 的 input 本身不提供历史输入建议功能，它依赖浏览器的 autocomplete 行为。如果你发现输入框没弹出历史记录，大概率是 HTML 层面被禁用了。
常见错误现象：input 点击后完全无下拉建议，哪怕之前在同域名下反复提交过表单；或者只在 Chrome 有、Firefox 没有。
- 确保
input具备有效的name和autocomplete属性，例如：<input type="text" name="username" autocomplete="username"> - 避免设置
autocomplete="off"或autocomplete="new-password"这类禁用值（尤其别在登录页误用） - Layui 渲染时若用
layui.form.render()重载表单，不会影响原生 autocomplete，但若动态插入input后未赋予name，浏览器就无法关联历史 - Chrome 对
autocomplete值校验较严：填"email"才触发邮箱历史，填"mail"就无效
layui + datalist 实现自定义关键词建议（非浏览器历史）
如果要显示「用户曾经搜过的关键词」「接口返回的热门词」这类业务建议，得用 datalist，和浏览器历史无关，也无需后端配合存储。
使用场景：搜索框补全、地址/商品名称联想、配置项快速选择。
-
datalist必须搭配list属性和id匹配，例如：<input list="suggest-list"><datalist id="suggest-list"><option value="北京"></option></datalist> - Layui 不干涉
datalist，但注意：它只支持纯文本value，不支持渲染图标或分组；也无法响应滚动、键盘高亮等交互 - 动态更新建议？直接操作
datalist的innerHTML或用appendChild插入option即可，不用调form.render() - 兼容性没问题，现代浏览器都支持，但 iOS Safari 对
datalist支持有限（可能仅触发一次，或点击才显示）
为什么 layui 的 form.on('submit') 里拿不到 autocomplete 选中的值
因为浏览器原生 autocomplete 选中后，input 的 value 确实已更新，但部分老版本 Layui（≤2.8.18）在监听 submit 事件时，若表单含 lay-submit 且未显式绑定事件，会跳过某些 DOM 变更同步逻辑。
- 最稳做法：提交前手动读取
input.value，别依赖field对象——它在某些异步渲染路径下可能滞后 - 检查是否误给
input加了lay-verify="required"却没设name，这会导致form.val()直接忽略该字段 - 如果用了
datalist，选中后input的change事件不一定触发（仅在失焦或回车时），建议监听input事件做实时捕获
移动端 autocomplete 失效或体验差的典型原因
不是 Layui 的锅，是 iOS 和 Android WebView 对 autocomplete 的策略差异太大，尤其在混合 App 或微信内嵌页里。
- iOS Safari 默认关闭第三方键盘的预测建议，需用户手动开启「键盘 > 词典 > 启用学习」，开发者无法绕过
- 微信内置浏览器（X5 内核）会主动屏蔽
autocomplete，哪怕写对了也没用；此时只能上datalist或自己实现下拉面板 - Android Chrome 在
input聚焦瞬间若页面有滚动或动画，可能导致 autocomplete 下拉层错位甚至不出现——避免在focus回调里立即执行scrollIntoView - 所有移动端方案都要加
autocapitalize="off" autocorrect="off"，否则拼音输入法会强行首字母大写或纠错，干扰关键词匹配
autocomplete 的边界很清晰：它只管浏览器存的那点历史，不负责业务逻辑；datalist 是轻量级替代，但交互能力弱；真要可控的建议面板，就得自己用 div + position: absolute 搭，别指望靠属性“自动”出来。
