Erro no evento OnFocus!??

snmelo · 13 de julho de 2013

Eu quero que quando o usuario Focar(OnFocus) o campo "email" a cor da letra mude para preto e o valor do campo fique vaziu...

Eu coloquei o codigo no evento OnFocus mas nao está funcionando...Não consegui encontrar o erro

<

!--painel de login e senha-->


<div style="margin-top:-110px;margin-left:30px">   


<div style="margin-left:680px;margin-top:-120px;">
<form onSubmit="return validacao();" name="form" method="post" action="consulta.php">

<div style="margin-left:-40px;margin-top:70px"><font size="5" face="arial black" color="#000066"> </font>
<input type="text" name="email" style="height:20px;width:130px;color:gray;" value="E-mail" OnFocus="window.document.form.email.style.color='black'; this.value='' " />
</div>

<div style="margin-left:100px;margin-top:-20px"><font size="5" face="arial black" color="#000066"> </font><input type="text"   name="senha" style="height:20px;width:130px;color:gray;" OnFocus="this.type='password';this.value='';document.form.senha.style.color='black'" value="senha"/></div>


<div style="margin-left:245px;margin-top:-23px;"><input type="submit" name="submit" value="ok"/></div>

</form> 
</div>

<!--fim painel do cliente-->

DiF · 13 de julho de 2013

Recomendo não usar as tags inline.. procure usar o css.. o focus não precisa de javascript basta por css, já zerar o valor pode ser feito com javascript. veja este exemplo:

de focus, trocando o fundo e a cor da letra.. e depois se clicar de novo para dar o focus, ele é zerado..

http://jsfiddle.net/WrFrp/