Html 无法停止在Chrome中显示自动填充详细信息的输入

我在我的网站上有一个

输入

，每当我点击它时就会显示以下内容

对于

输入

        <div id="searchFieldSectionDiv" class="form-group">
            <div class="btn-group" style="width: 100%">
                <label class="sr-only" for="searchField">Filter results</label>
                <div class="input-group">
                    <!-- TODO: Need to filter products section as the user types -->
                    <input id="searchField" class="form-control" placeholder="Type to search..." autocomplete="off">
                    <span id="searchclear" class="glyphicon glyphicon-remove-circle"></span>
                    <div class="input-group-append">
                        <div class="input-group-text">
                            <i class="fas fa-search" style="margin-right: 0px"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>

筛选结果

我尝试添加

type=“search

，但它仍然显示地址框

不知道如何隐藏它，所有其他浏览器似乎都很好，只有Chrome

---

理想情况下，我想在顶层添加它，这样我就不必一直在每个

输入中添加它，但我也不太确定要在哪个级别添加它（
body
可能？）
您必须将
autocomplete=“off”
更改为
autocomplete=“disabled”

Chrome停止支持
autocomplete=“off”
这就是它无法工作的原因，但它无法理解您是否使用了
autocomplete=“disabled”“
这就是为什么现在可以这样做的原因
你的html的其余部分是什么？@xmasterje updated
html
可能是这个框出现的问题，或者它显示了以前的字段？@xmasterje你能建议你最后的评论作为答案吗。我也读过这篇文章，但我真的认为它会在其他浏览器上引起问题，但事实并非如此。至于“this”链接，我在发布之前读过这篇文章，但它不起作用