Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

godoy89

[Resolvido] Resetar values do <input> quando clicar

Recommended Posts

Quando entra no site o formulário aparece assim:

Imagem Postada

 

Quando o usuário clica no formulário, o value "Digite seu e-mail aqui" some pro usuário digitar o e-mail:

Imagem Postada

 

Quando ele clicar fora do formulário, volta ao original:

Imagem Postada

 

PS: Quando clicar em ENVIAR, o e-mail pode continuar ali.

 

 

Como fazer isso?

Compartilhar este post


Link para o post
Compartilhar em outros sites

É só trabalhar com focus() e onblur(). Fiz aqui rapidinho só para ver como é:

 

JavaScript

<input type="text" value="Texto" onfocus="this.value = '';" onblur="this.value = 'Texto';" />

Mas o ideal é você colocar tudo num arquivo .js e trabalhar lá com focus() e onblur(). ;)

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post


Link para o post
Compartilhar em outros sites

Topic

Melhor por uma checagem:

<input type="text" value="Texto" onfocus="if(this.value=='Texto')this.value = '';" onblur="if(this.value=='') this.value = 'Texto';" />

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.