HTML 表单文本输入建议框

Ros*_*son 8 html forms input autosuggest

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

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

Nat*_*hur 18

来自 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>
Run Code Online (Sandbox Code Playgroud)

文档

  • 很好的解决方案。不过请注意,datalist 似乎不适用于 Android... https://bugs.chromium.org/p/chromium/issues/detail?id=949555 (2认同)

小智 2

jQuery 有一个您可以使用的自动完成插件。

这取决于哪种语言/平台/等等。你也在使用。我主要是一名 .NET 开发人员,我使用过以下内容:

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