文本框中的文本自动完成[附在里面的图像]

时间:2011-08-14 21:03:48

标签: php javascript html css

我正在设计一个网站。我在搜索框中使用以下代码:

<form method="get" action="search.php">
     <input type="text" id="search" name="search" onKeyUp="showSuggestions();">
     <input type="submit" id="submitsearch" value="Search">
</form>     

对于用户输入的搜索字符串,我正在显示建议。我的问题是我的网络浏览器还显示以前输入的搜索字符串的建议(下图)。您可以看到Firefox建议在前台,我的搜索建议在后台。

我的问题:是否有任何代码会阻止文本框记住历史记录?或者我可以做些什么来解决这个问题?

sample image

2 个答案:

答案 0 :(得分:3)

您可以prevent the default采取行动:

function onKeyDown(e) {
    e.preventDefault();
    var code;
    if (e.keyCode) code = e.keyCode;
    else if (e.which) code = e.which;
    var character = String.fromCharCode(code);
    e.target.value += character;
    return false;
}

您告诉浏览器您将处理此事件的操作。

编辑:由于这是处理按键操作的事件,我们需要添加自己按下的键,因为我们阻止了默认操作。

答案 1 :(得分:3)

我刚刚看到了具有类似功能的网站的源代码。它使用了以下内容:

<input type="text" id="search" name="search" autocomplete="off">

它对我有用!!!