php - HTML 输入自动完成/建议

Question

如何进行输入，以便当用户单击它时，它会显示输入可以采用的所有可能值？我可以使用 php 从我的数据库中获取值，但是要显示如下图所示的内容，我想我将不得不使用 javascript？我该怎么做？

例如，在 phpPgAdmin 中：

Answer 1

HTML中的选择标签怎么样？它会创建一个下拉菜单，其中包含您可以从 php 脚本（从数据库中获取）加载的选项。W3Schools 的一个例子在这里：

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

Answer 2

在 html5 中，您有一个新的表单输入：

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

如果您的浏览器不支持此输入，您可以使用此处描述的 polyfill：http: //css-tricks.com/relevant-dropdowns-polyfill-for-datalist/

Answer 3

最好的插件或最容易弄清楚的是

http://jqueryui.com/autocomplete/

我认为这对于我们使用 php 作为后端的用例来说应该足够了，并且还有多个自定义选项。

Answer 4

这可以通过 Ajax 实现

脚步 ：

1. prepare database for such suggested values.
2. On key event run Ajax
3. Get Response of Ajax and show in list using ul li in HTML

例如

http://www.ajaxdaddy.com/demo-jquery-autocomplete.html