删除搜索历史

Question

我有一个搜索栏，这是非常简单的，看起来是这样的：

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

http://jsfiddle.net/Vw83T/

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

有没有办法用标签的自定义列表，或一个类似的Youtube最多显示的基础上流行的建议列表，并没有包括从外部网站的搜索更换的建议吗？

（我做了一些搜索，发现了一些自动提示的jQuery插件，我认为我想要做什么，但我不知道如果这些将覆盖导致的问题当前自动提示所以无论如何，我会发布我的问题）

如果上述的是可能用​​简单的调整我很好只是简单的计算器完全移除建议像searchform这里。

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>