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):

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