Texto sumir do Input ao digitar e volta ao apagar

eu vi um efeito muito interessante no site do DeviantArt, o formulário deles tem um texto sobre os campos que some quando vc digita, e volta se vc apagar o texto que estava dentro. analisando esses dias o código fonte eu percebi que o texto dentro dos INPUTS era a tag <label> que foi posicionada ali dentro com CSS. mas ate o momento a unica coisa que cheguei perto de fazer é o texto sumir ao clicar, como todos fazem...entçao gostaria de um apelo a todos e tentar me ajudar a descobrir como eles fizeram isso. deuma coisa tenho certeza. foi javascript. mas como?


formulario da deviantart: https://www.deviantart.com/join/?utm_source=DA&utm_medium=UB&utm_content=JoinNow&utm_campaign=DA_UB_JoinNow_091409

tem um plugin do jQuery que faz isso.
da uma olhada nesse link e ve se te ajuda
http://code.alexweber.com.br/jquery/coolinput/
abraço!

EM HTML use o atributo placeholder.

Corrigindo, em HTML5

Legal Marcos, não sabia desse atributo. Tenho que explorar um pouco mais os recursos do HTML5.

Eu uso assim para um efeito simples de troca de texto

<input type="text" name="assunto" value="Assunto*" onfocus="if (this.value=='Assunto*') this.value='';" onblur="if (this.value=='') this.value='Assunto*'" />

se você quer com efeitos de fade ou slide, terá que fazer com jquery ou html5.

tsrtrtr