删除搜索记录

Question

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

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

http://jsfiddle.net/Vw83T/

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

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

（我进行了一些搜索，发现了一些自动建议的 jquery 插件，我认为它们可以满足我的需求。但我不确定这些是否会覆盖当前导致问题的自动建议，所以无论如何我都会发布我的问题）

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

Answer 1

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

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

jsFiddle.

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

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

Answer 2

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

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