Layui 2.x 默认不支持 autocomplete 属性生效，因其渲染时包裹 input 导致浏览器无法识别；需手动在 form.render() 后为 input 设置标准 autocomplete 值（如 username、email）并确保 name 属性语义化。
layui 2.x 默认不支持 autocomplete 属性生效
layui 的 input 组件（尤其是通过 layui.form.render() 初始化的表单）会接管原生输入框，导致浏览器原生的 autocomplete="on" 被忽略。你加了属性也没用，下拉历史项不会出现。
根本原因是 Layui 在渲染时重写了 input 的 type 或插入了包裹结构（如 div.layui-input），使浏览器无法识别其为可自动填充的表单控件。
- 确保
input标签直接写在 HTML 中，不要用layui.form.input这类不存在的 API（Layui 没这个方法） - 必须保留
name属性且值语义化，比如name="username"、name="email"，浏览器靠它匹配字段类型 - 避免给
input加lay-ignore—— 它会让 Layui 跳过该元素，但同时也可能破坏表单上下文关联 - 如果用了
layui.form.render('text')，确认没意外覆盖掉autocomplete属性（建议初始化后手动补上）
手动补全 autocomplete 属性并触发浏览器识别
最简单有效的做法：在 Layui 渲染完成后，用原生 JS 补全或修正属性。Layui 不会主动删除 autocomplete，但它也不保证保留——尤其当你用模板字符串动态生成 input 时，容易漏掉。
示例场景：登录页用户名输入框
<input type="text" name="username" placeholder="请输入用户名">
渲染后立即执行：
layui.use('form', function(){
var form = layui.form;
form.render('text'); // 确保样式生效
// 手动补 autocomplete
document.querySelector('input[name="username"]').setAttribute('autocomplete', 'username');
});
-
autocomplete值要尽量标准：username、email、current-password、new-password，别写on或自定义字符串 - 移动端 Safari 对
autocomplete更敏感，必须带name+ 标准值才能唤出键盘建议栏 - 如果 input 被 Layui 包裹进
div.layui-input，确保原生input标签仍在 DOM 中且未被替换（Layui 2.8+ 一般只装饰，不替换）
遇到 autocomplete="off" 强制关闭怎么办
有些后台模板或旧代码会全局给所有 input 加 autocomplete="off"，或者在 form 标签上设置，这会直接禁用整个表单的自动填充。
解决方式不是“覆盖 off”，而是精准移除或改写：
- 检查父级
form是否有autocomplete="off"，有就删掉或改成autocomplete="on" - 用 JS 在渲染后清理干扰属性：
document.querySelectorAll('input').forEach(el => el.removeAttribute('autocomplete'));，再按需设回正确值 - 注意 Chrome 88+ 已忽略
autocomplete="off"对登录字段的限制，但对其他字段（如地址、电话）仍有效，不能依赖“关不掉”来绕过
第三方 Autocomplete 插件与 Layui 共存风险
想用 jquery-ui-autocomplete 或 awesomplete 实现搜索建议？可以，但和 Layui 的表单验证、事件绑定容易冲突。
典型表现：输入时下拉菜单不显示、失去焦点后菜单不消失、form.on('submit') 拿不到最新值。
- 不要把第三方插件初始化写在
form.render()之前；确保 DOM 已就绪且 Layui 结构稳定后再挂载 - 避免给同一
input同时绑定 Layui 的form.on('select')（它不适用于 text 输入框）和第三方的select事件 - 若用
awesomplete，记得设置data-list或用 JS 初始化，并调用Awesomplete.$(selector).awesomplete，别依赖data-属性自动初始化（Layui 可能提前劫持）
真正难处理的不是怎么接，而是用户选中建议项后，如何让 Layui 的验证规则（比如 required、lay-verify="email"）依然生效——得手动触发 form.validate() 或监听第三方的 awesomplete-select 事件后调用 form.val() 更新缓存值。
