campo de texto com dica

[Guilherme Teixeira]

Olá amigos

como faço para que meu campo de texto, tenho um texto dentro e quando o usuario clicar ele some.

Ex. Um campo que terá o usuario, apareça dentro dele a palavra usuario e quando o usuario clica dentro dele esta palavra some para que ele possa digitar seu usuario?

Valeuuu

[Azak]

no atribuo value do campo você coloca o texto que você quer que apareça, ai você pode colocar um javascriptzinho no evento onfocus pra apagar esse texto quando esse campo for estiver 'em foco' ou seja, quando o usuário clicar nele ou chegar nele através do tab.

ex.

<input type="text" name="usuario" value="Usuário" onfocus="this.value = '';" />

esse código no onfocus apaga o valor do campo quando ele entra em foco, o problema é que se o usuário quiser voltar pra consertar alguma coisa, vai apagar tudo então é uma boa usar uma verificação. ex.:

<input type="text" name="usuario" value="Usuário" onfocus="this.value = (this.value == 'Usuário') ? '' : this.value;" />

nesse caso ele verifica se o valor do campo é o texto que você colocou como padrão, se for ele apaga, se não for ele mantêm o valor que estava la

Editado Abril 5, 2009 por Azak