如何为Elementor搜索表单输入框添加autocomplete=off属性

不需要修改插件核心文件即可实现，推荐按优先级选择以下方案：

方案1：使用Elementor自带自定义属性功能（无需写代码） #

• 打开对应页面的Elementor编辑器，选中你要修改的搜索表单组件
• 左侧面板切换到「高级」标签，找到「自定义属性」配置项
• 点击「添加项目」，名称栏填入 input[autocomplete]，值栏填入 off
• 保存页面并清空缓存即可生效

方案2：注入自定义JS代码（兼容性最高，无更新覆盖风险） #

如果方案1不生效，可以用JS动态给所有Elementor搜索输入框加属性：

• 进入WordPress后台，在「外观」→「自定义」→「额外CSS/JS」（或你的自定义代码插入工具）中添加如下JS代码：

document.addEventListener('DOMContentLoaded', function() {
  // 匹配所有Elementor搜索输入框
  const searchInputs = document.querySelectorAll('.elementor-search-form__input');
  searchInputs.forEach(input => {
    input.setAttribute('autocomplete', 'off');
    // 额外适配部分浏览器的历史记录提示规则
    input.setAttribute('autocorrect', 'off');
    input.setAttribute('autocapitalize', 'off');
  });
});

• 保存后清空站点缓存、浏览器缓存，刷新页面验证属性是否添加成功

方案3：修改插件核心文件（不推荐，更新后失效） #

如果你一定要直接修改插件文件，对应文件路径如下：

• Elementor Pro搜索组件：wp-content/plugins/elementor-pro/modules/search-widget/widgets/search.php
• Elementor免费版自带搜索组件：wp-content/plugins/elementor/includes/widgets/search.php
• 打开文件后找到input标签的渲染代码，直接在标签内添加 autocomplete="off" 属性后保存即可

注意：修改插件核心文件前请提前备份，插件版本更新后所有修改会被覆盖，非必要不建议使用该方案。

内容的提问来源于stack exchange，提问作者Yousef Maher