Duvida com campo de texto em html

19/04/2013

1

Gostaria de criar um input type="text" com uma mensagem tipo "digite seu e-mail".
Porem o que mais tá me dando trabalho é que preciso que ao usuário clicar nesse campo essa mensagem desapareça automaticamente isso é possivel utilizando apenas HTML ou eu seria obrigado a usar JavaScript para isso ?

Desde já agradeço, e espero ter sido o mais claro possível em minha duvida.
Responder

Posts

19/04/2013

Douglas

Fala Amigão,

o código abaixo atende a sua necessidade,

teste e depois deixe o seu feedback.

<html>
<head>
<title>DevMedia</title>
</head>
<body>
<input type="text" name="explicar" value="DevMedia" onfocus="if (this.value=='DevMedia') this.value='';" onblur="if (this.value=='') this.value='DevMedia'" /> 
</body>
</html>


Responder

19/04/2013

Joel Rodrigues

Bem pensado, Douglas. Essa era a saída que a gente tinha até a criação do atributo placeholder.
Claro que ainda existem problemas de compatibilidade, mas acho que já vale a pena dar uma estudada nesse atributo: [url]http://www.w3schools.com/tags/att_input_placeholder.asp[/url].
Abraço a todos.
Responder

19/04/2013

Denilson Silva

Tente assim:

<html>
<head>
<title>DevMedia</title>
</head>
<body>
<input type="text" name="email" placeholder="Digite seu E-mail" />
</body>
</html>
Responder

19/04/2013

Douglas

Joel,

muito obrigado pela dica !

bem mais prático que o código que escrevi.

Denilson, exemplo sensacional.


Responder

19/04/2013

Joel Rodrigues

Pois é, Douglas. Mas como eu disse, tem a velha questão da incompatibilidade. Então o código que você passou ainda é uma boa opção e segura.
Responder

20/04/2013

Douglas

Vendo por este lado você tem razão, Joel !
Responder

30/05/2013

Walter Junior

Concordo com os amigos, sendo desse modo ficamos com a solução mais garantida.
Responder

13/06/2013

Joel Rodrigues

Então estou marcando este tópico como Concluído.
Abraço a todos.
Responder
×
+1 DevUP
Acesso diário, +1 DevUP
Parabéns, você está investindo na sua carreira