Duvida com campo de texto em html
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.
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.
Walter Junior
Curtidas 0
Respostas
Douglas
19/04/2013
Fala Amigão,
o código abaixo atende a sua necessidade,
teste e depois deixe o seu feedback.
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>
GOSTEI 0
Joel Rodrigues
19/04/2013
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.
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.
GOSTEI 0
Denilson Silva
19/04/2013
Tente assim:
<html>
<head>
<title>DevMedia</title>
</head>
<body>
<input type="text" name="email" placeholder="Digite seu E-mail" />
</body>
</html>
<html>
<head>
<title>DevMedia</title>
</head>
<body>
<input type="text" name="email" placeholder="Digite seu E-mail" />
</body>
</html>
GOSTEI 0
Douglas
19/04/2013
Joel,
muito obrigado pela dica !
bem mais prático que o código que escrevi.
Denilson, exemplo sensacional.
muito obrigado pela dica !
bem mais prático que o código que escrevi.
Denilson, exemplo sensacional.
GOSTEI 0
Joel Rodrigues
19/04/2013
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.
GOSTEI 0
Douglas
19/04/2013
Vendo por este lado você tem razão, Joel !
GOSTEI 0
Walter Junior
19/04/2013
Concordo com os amigos, sendo desse modo ficamos com a solução mais garantida.
GOSTEI 0
Joel Rodrigues
19/04/2013
Então estou marcando este tópico como Concluído.
Abraço a todos.
Abraço a todos.
GOSTEI 0