champs input modifier valeur par defaut
bonjour j'ai un soucis sur un formulaire, je suis débutant en javascript alors je fais appel a vous.
Voila j'ai ce formulaire en html :
Code:
1
2
3
4
5
| <form action="connexion.php" method="post" id="connexion" >
<input type="text" style="color:#999999" id="mail" name="mail" maxlength="30" value="Votre email" class="login" onclick="javascript:del('mail')"/>
<input type="text" style="color:#999999" id="pw" name="password" maxlength="12" value="Votre mot de passe" onclick="javascript:del('pw')"/>
<input type="submit" value="Connexion" class="login2" />
</form> |
J'ai la fonction javascript suivante :
Code:
1
2
3
4
5
6
| <script type="text/javascript">
function del(id){
document.getElementById(id).value='';
document.getElementById(id).style.color='#000000';
}
</script> |
Lorsque je clique sur le champ 'mail', il s'efface (normal!) et je peux entrer un mot.
Par contre j'aimerai que lorsque je sors du champ 'mail' et que j'y re-rentre, le champ que j'avais entré auparavant se s'efface plus, comment puis faire?
merci de votre aide :ccool:
