Search code examples
csstwitter-bootstrapsearchhtmlinputbox

An dropdown autocomplete reactive input box in bootstrap

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 !

Solution

  • 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