像css设计的谷歌搜索框下拉框[关闭]

Question

Currently I am using normal CSS dropdown list and calling data from database through PHP.

But I want to create a search box like google.com has, wherein when you type, it will show suggestions from my database. I have its code in JQuery but I don’t know how to use it properly. Is it possible to create it using CSS and PHP?

Answer 1

Use 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>

and try your self, do some R & D. and if you find any problem then post @ stackoverflow