Question

我有一个非常简单的搜索栏，如下所示：

<form action="/search" method="get">
    <input type="text" name="q" value=""/>
    <input type="submit" value="Search"/>
</form>

http://jsfiddle.net/Vw83T/

我不喜欢它，是当我点击搜索栏（双击它）或输入一个字母时，它开始下拉菜单并显示我过去的搜索查询。问题是，它显示了我过去在其他网站上搜索的与我当前网站无关的查询。清除我的浏览器历史记录/缓存无济于事，因为我不希望访问者体验同样的事情。

有没有办法用自定义的标签列表替换建议，或像Youtube那样根据受欢迎程度显示建议列表而不包括外部网站的搜索？

（我做了一些搜索，发现了一些我认为可以实现我想要的autosuggest jquery插件。但我不确定这些是否会覆盖导致问题的当前autosuggest，所以无论如何我都会发布我的问题）

如果通过简单调整无法实现上述任何一项，我只需简单地删除这些建议就像stackoverflow中的搜索表单一样。

Answer 1

我不喜欢它，是当我点击搜索栏（双击它）或输入一个字母时，它开始下拉菜单并显示我过去的搜索查询

您可以通过向控件添加autocomplete="off"来删除该功能。

jsFiddle

有没有办法用自定义列表替换建议标签，或像Youtube那样显示建议列表基于受欢迎程度而不包括来自外部网站的搜索？

是的，但您必须使用一个元素自定义构建它以保存结果，并使用服务器端代码来填充建议。

Answer 2

自动填充建议基于输入框的名称。由于q是搜索文本框的最常见名称，因此您可以从其他网站搜索中获得提示。为了从您的网站搜索中获取提示，请使用文本框的唯一名称。

<form action="/search" method="get">
    <input type="text" name="someuniquename-search-q" value=""/>
    <input type="submit" value="Search"/>
</form>

删除搜索记录

2 个答案: