Input Text Placeholder
Posted by Tilo | Posted in XHTML & CSS | Posted on 04-01-2010
Tags:HTML 5, Input Text, JavaScript, Placeholder
0
Bem, o HTML 5 é uma realidade e está ai batendo em nossas portas, dessa forma é bom começar a conhecer o que tem de bom na web sobre o assunto, recomendo dar uma lida no Pinceladas da Web.
A idéia é evitar o uso de javascript desnecessário, por exemplo, quem nunca teve que montar um script apenas para fazer o texto do input sumir quando ele for selecionado? No blog Casos de Casa da SulAmérica tem um exemplo funcionando, confira o código:
No exemplo acima a troca é feita por uma imagem com a Palavra Busca nela, o mesmo efeito pode ser feito de várias formas.
Para obter o mesmo efeito com HTML 5 é muito mais simples, acompanhe:
O próprio HTML 5 já tem um atributo placeholder, porém ele só funciona em webkit, atualmente disponível no Safari e Chrome.
