H5端顶部“搜索历史记录”是浏览器对type="search"或autocomplete="on"的原生行为，与uni-app本地searchHistory无关；需通过ref获取真实input节点，用$nextTick确保DOM渲染后手动设置autocomplete="off"等属性来禁用。
uni-app H5 端顶部出现的“搜索历史记录”不是你代码写的，而是浏览器原生的 <input type="search"> 自动启用的搜索建议（autocomplete="on" 行为），和 uni-app 本地存的 searchHistory 完全无关。
为什么 H5 页面顶部会弹出浏览器自带的搜索历史
这是 Chrome、Edge、Safari 等浏览器对 type="search" 或 type="text" + autocomplete="on" 的默认行为。uni-app 的 <input> 或 <uni-input> 在 H5 编译后最终生成标准 HTML input 标签，只要满足条件就会触发。
- 常见诱因：
confirm-type="search"、placeholder="搜索…"、未显式关闭 autocomplete - 它和你用
uni.setStorageSync('searchHistory', ...)存的历史完全隔离——删掉本地缓存也拦不住它 - 小程序/APP 端不走这套逻辑，所以只在 H5 出现
怎么关掉 H5 浏览器自动弹出的搜索建议
核心是让 input 标签不被浏览器识别为“可记忆搜索框”。必须从 DOM 层级干预，uni-app 的 props 无法透传全部原生属性，得靠 ref + querySelector 手动设置：
- 给 input 加
ref="searchInput"（不要用 id，H5 下可能被覆盖） - 在
onReady或onShow中执行：const input = this.$refs.searchInput?.$el || this.$refs.searchInput; if (input && input.setAttribute) { input.setAttribute('autocomplete', 'off'); input.setAttribute('autocapitalize', 'none'); input.setAttribute('spellcheck', 'false'); } - 避免用
type="search"：改用type="text"，否则某些浏览器仍会强启搜索建议 - 慎用
confirm-type="search"：H5 下它会强化 autocomplete 行为，如非必要，直接删掉或仅在非 H5 平台启用
uni-app 的 <uni-input> 怎么处理更稳妥
<uni-input> 是封装组件，其内部 input 的 autocomplete 默认继承父级。你不能直接在标签上写 autocomplete="off"（会被忽略），必须手动打补丁：
- 确保
<uni-input ref="searchInput" ...> - 用
this.$nextTick确保 DOM 渲染完成再操作：this.$nextTick(() => { const el = this.$refs.searchInput?.$el?.querySelector('input'); if (el) { el.autocomplete = 'off'; el.autocapitalize = 'none'; } }); - 如果用了 uView 的
<u-search>，同理查其内部input节点，别操作外层 div
最易被忽略的是：H5 下 autocomplete 行为由浏览器控制，不响应 Vue 数据绑定，也不走 uni-app 生命周期——必须在真实 DOM 节点上硬设属性，且时机要卡准（onReady + $nextTick）。漏掉任一环，顶部历史就会照常弹出。
