TAG-UL datalist

Dropdown cu câmp de căutare!

HTML5 ne pune la dispozitie tag-ul <DATALIST>, care, combinat cu tagul <INPUT>, poate genera un element similar dropdown-urilor cu cautare, numai ca fara niciun fel de cod Javascript!
Optiunile disponibile pentru cautare, in tag-ul <DATALIST> se completeaza in tag-uri <OPTION>.
Mai jos este un exemplu simplu:

<form>
    <input list="persoane" placeholder="alege..." />
    <datalist id="persoane">
       <option value="Popescu Ion">
       <option value="Popa Ionela">
       <option value="Papaescu Mariana">
       <option value="Popica Marin">
       <option value="Ionescu Piedone">
       <option value="Marinescu Marin">
       <option value="Wolfgang Amadeus Mozart">
       <option value="Wolf Adelina">
    </datalist>
 </form>

Si, aici, este rezultatul HTML: