HTML 表单文本输入建议框

Question

我正在尝试以我拥有的表单修改我的一个文本输入框。我希望在用户键入时弹出建议。基本上，我想模仿 Stack Overflow 上提问页面上的“标签”框，但显然有不同的数据作为建议。我该怎么做呢？

就上下文而言，这是针对大学俱乐部的，我试图让会员输入他们的专业，并在他们输入时提出建议。

Answer 1

This snippet from Cena Mayo 符合我的要求：

<input id="color" list="suggestions">
<datalist id="suggestions">
    <option value="Black">
    <option value="Red">
    <option value="Green">
    <option value="Blue">
    <option value="White">
</datalist>

Documentation

Answer 2

jQuery 有你可以使用的an autocomplete plugin。

这取决于什么样的语言/平台/等。你也在使用。我主要是 .NET 开发人员，我使用过以下内容：

1. 用于存储数据的 SQL Server
2. Web 应用程序的 Web 表单或 MVC
3. 用于检索和格式化建议的 ashx 处理程序
4. 上面的jQuery插件来渲染从输入框下面的ashx返回的结果

Answer 3

如果您想从数据库中获取有关常用或已创建元素的信息，您需要的不仅仅是 html。如果您只是希望表单建议人们已经在他们自己的浏览会话中输入的内容，表单会自动执行此操作。

What I can point you towards is this guys post。他概述并提供了基本代码，让您开始在表单中自动建议的路径他甚至为您提供文件让您继续前进，但您必须做一些修改工作。

还包括在帖子的后面，有人将其添加到 ajax_framework 文件中。

`function clearsuggest() {

e = document.getElementById('results');

e.style.display="none"; } `

在 search.php 中： onClick="fill();clearsuggest();return false;"

该部分代码将在单击建议时清除建议。希望这会有所帮助，祝你好运。