O elemento datalist, novo no HTML 5, mostra uma lista de elementos predefinidos como opção para um caixa de entrada de texto. Caso o browser não suporte este componente, ele pode exibir os elementos que compõem o datalist em forma de texto simples.
Dentro do elemento input, o atributo ,list faz referência ao elemento datalist através do seu id e cada elemento de um datalist é identificado pelo elemento option.
Observação : No navegador Opera 11, este componente é renderizado perfeitamente.Veja no arquivo Elemento datalist com conteúdo alternativo a solução para navegadores que não ainda oferecem suporte à este elemento
<fieldset> <legend>Música</legend> <label for="estilo"> Qual o seu estilo musical ?</label> <input id="estilo" name="estilo" type="text" list="listaestilos"/> <datalist id="listaestilos"><br/>Escolha entre estes: <option value="samba">Samba</option> <option value="blues">Blues</option> <option value="jazz">Jazz</option> <option value="mpb">MPB</option> <option value="rock">Rock</option> <option value="clássico">Clássico</option> <option value="bossanova">Bossa-Nova</option> <option value="pop">Pop</option> </datalist> </fieldset>