search concept using html5 - Mostlikers

17 June, 2013

search concept using html5

This post make on simple search concept making list on text box like Google search. store the values in option box <data list> tag this data list id  in search box. used to display a repeated list of items that are bound to the control.


search

Database also fetch in option box just echo the function on option value box direct fetch the value in search box watch below live demo.


HTML 


Data list id called through in input box list=idname on same name 

<input type="search" list="searchkey" /> <datalist id="searchkey"> <option value="Html5 form validation mostlikers"> <option value="Mostlikers old post"> <option value="Javascript validation script"> <option value="script alter function"> <option value="Mostlikers"> </datalist>

Live Demo


Type ex word : Mostliker

3 comments: