An dropdown autocomplete reactive input box in bootstrap

Question

I want to create a reactive input box exactly like the one that can be seen on Zomato.com. I was wondering hwo i could do it with a good looking template. Please help !

Read this: http://stackoverflow.com/help/how-to-ask – Carol Skelly Dec 02 '14 at 12:45 — Carol Skelly, Dec 02 '14 at 12:45

score 0 · Accepted Answer · answered Dec 02 '14 at 13:20

0

You can use HTML5

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

The datalist tag is not supported in Internet Explorer 9 and earlier versions, or in Safari. http://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_datalist

answered Dec 02 '14 at 13:20

Miomir Dancevic

6,726
15
74
142

Now how can I add CSS to this to make it look just as good as the example in the website ? – user3599285 Dec 02 '14 at 14:12
Now how do add CSS to this to make look just as good as the example. Also you notice that the website doesn't have a basic datalist and is reactive to when the user drops down the list or clicks the textbox to make an input. I was wondering how that can be achieved – user3599285 Dec 02 '14 at 14:14
try somthing make a working fiddle, and we will help you, or hire some freeelancer – Miomir Dancevic Dec 02 '14 at 14:18

An dropdown autocomplete reactive input box in bootstrap

1 Answers1