Wagner Andrade

A Vida, Programação, o Universo e Tudo Mais

HTML5 Snapshot: Placeholder

Tenho escrito pouco, voltei a dar aula e isso tem me tomado um bom tempo. Mas daqui a uns dias já estou voltando ao ritmo normal.

No blog antigo, criei uma sessão de artigos que acabou ficando famosa: Ruby Snapshot. Eram pequenos trechos de código Ruby que realizavam tarefas bem interessantes.

Agora estou iniciando o HTML5 Snapshot. A idéia é a mesma, mas dessa vez a tecnologia é HTML5. Vamos ao primeiro artigo, placeholder.

Uma funcionalidade muito elegante, que vai deixar seus forms mais minimalistas. O placeholder nada mais é do que uma label dentro do input de texto, bem discreta.

Não custa lembrar que não vai funcionar se o navegador ainda não suporta HTML5 (e provavelmente você está vendo esse site todo quebrado).

A implementação é muito simples:

<input type="text" placeholder="Insira seu nome aqui" />

E o resultado é esse (Google Chrome 6.0.472.0):

HTML5 Placeholder - Wagner Andrade

Antes mesmo do HTML5 já era possível simular esse comportamento com javascript, mas nada melhor do que o próprio navegador implementar.