像css中设计的谷歌搜索框下拉框

Question

目前我正在使用普通的CSS下拉列表并通过PHP从数据库调用数据。

 但是我想创建一个像google.com这样的搜索框，其中当您键入时，它会显示来自我的数据库的建议。我在JQuery中有它的代码，但我不知道如何正确使用它。是否可以使用CSS和PHP创建它？

Answer 1

使用Datalist

<form action="demo_form.asp" method="get">
  <input list="browsers" name="browser">
  <datalist id="browsers">
    <option value="Internet Explorer">
    <option value="Firefox">
    <option value="Chrome">
    <option value="Opera">
    <option value="Safari">
  </datalist>
  <input type="submit">
</form>

尝试自己，做一些R＆amp; D.如果您发现任何问题，请发布@ stackoverflow