Discussion :

[sasuke123456]

Bonjour,

J'aimerais créer un boutton qui fasse apparaitre le champ de texte caché lors du click mais il ne fonctionne pas.
Est ce la syntaxe?

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<input type="button" size="20" value="Modifier" onclick="document.getElementById('mp').style.visibility='visible'";/>
<strong>Mot de passe : </strong></td><td><input id="mp"  type="hidden" size="20" value="hghg">

[goldou321]

Bonjour,

En fait, il y a deux choses bien distinctes :
-le type de ton champ : type= text/submit/reset/radio/checkbox… hidden
-le style choisit pour ton champ

Un champ de texte caché (hidden field) est utilisé pour communiquer des informations à la page qui va traiter le formulaire. Il n’est donc pas possible de rendre un "hidden field" visible. En revanche tu peux utiliser un champ de texte et changer la propriété style :
- display:none cachera ton élément
- display:block le fera apparaître

Essayes le code suivant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<input type="button" id="afficher" size="20" value="Afficher" onClick="document.getElementById('mp').style.display='block';document.getElementById('cacher').style.display='block';document.getElementById('afficher').style.display='none';";/>
<input type="button" id="cacher" size="20" value="Cacher" style="display:none" onClick="document.getElementById('mp').style.display='none';document.getElementById('afficher').style.display='block';document.getElementById('cacher').style.display='none';";/>
 
<strong>Mot de passe : </strong>
 
<input type="text" id="mp" value="message secret" style="display:none">