禁用WooCommerce产品搜索插件的自动完成功能

时间:2015-10-29 作者:Nauman Tanwir

我想禁用woocommerce产品搜索自动完成功能?

1 个回复
最合适的回答,由SO网友:Chun 整理而成

您可以通过添加这段jQuery代码来实现这一点,例如footer.php, 就在</body> 标记闭合:

<script>
    $(\'input.field\').attr(\'autocomplete\', \'off\');
</script>
或者同样的事情,但使用纯JavaScript:

<script>
var x = document.querySelectorAll("input.search-field");
for (i = 0; i < x.length; i++) {
    x[i].autocomplete="off"
}
</script>
这将添加autocomplete="off" 对于类的所有搜索框.search-field 在你的文件上,我想他们都有。Here\'s an example.

您可以在搜索框所在的位置直接实现它(header.php), 但您需要重新创建搜索框,因为它是这样动态实现的-<?php get_search_form(); ?> 文件内部header.php. 因此,您需要将该代码替换为以下内容:

<form role="search" method="get" class="search-form" action="http://detergentingredients.com/">
    <label>
        <span class="screen-reader-text">Search for:</span>
        <input type="search" class="search-field" placeholder="Search …" value="" name="s" title="Search for:" autocomplete="off"/>
    </label>
    <input type="submit" class="search-submit" value="Search"/>
</form>

相关推荐