Input Text Placeholder

Featured Posts

Hands-on HTML 5 2010 O desenvolvimento web está passando por mais uma mudança, evoluindo para acompanhar o ritmo dos negócios e sistemas das grandes empresas baseadas em web, como Google e Yahoo. Com os novos navegadores...

The Developer's Conference 2010 Esta é a 4a edição do The Developer's Conference, e a Globalcode reuniu toda sua rede de parceiros e profissionais para criar o evento mais completo do ano, sem perder a profundidade necessária...

Café com Browser 2010 Conversa sobre HTML5 é demanda que já se apresentava desde ano passado pelas organizações brasileiras filiadas ao W3C e por parceiros nas atividades do escritório, principalmente organizações...

Codeshow 2010 O Visie Codeshow é um evento num formato novo, em que não há palestras. Você vai assistir à construção de uma aplicação em um dia, a partir do zero, usando ferramentas como Git, HTML5, web2py...

Estrutura Básica de uma página XHTML/HTML Vamos falar sobre os elementos básicos para iniciar uma página HTML <!DOCTYPE> <html> <head> <title> TiloWR </title> </head> <body></body> </html> <!DOCTYPE>...

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.

TiloWR

Featured Posts