Criando uma lista predefinida de dados

Categoria : Formulário, Novas tags, Novos atributos

Nesse post vou trazer mais uma novidade do HTML5: a tag “datalist”, que cria uma lista predefinida de opções para um elemento “input”. Funciona no Firefox e no Opera. Veja o exemplo abaixo:





  
 

datalist: abre e fecha uma lista de dados que servem como sugestões para o usuário, por ocasião do preenchimento de um formulário.
option: define um elemento dentro da lista de dados, que irão aparecer após o usuário clicar dentro da caixa do “input”.

É isso aí pessoal. Façam os testes. Ahhh… segue abaixo o link, conforme prometido no post anterior, de todas as tags no HTML5, atualizado neste mês de janeiro de 2012.

Confira aqui o Tutorial Completo HTML5 2012

Valeu

Comente