1. <script type='text/javascript'>//<![CDATA[
2. window.onload=function (){
3. document.querySelector("button").addEventListener("click", function (){
4. this.parentNode.querySelector("input") .type = (this.parentNode.querySelector("input").type == "text") ? "password" : "texe";
5. }, false);
6. }//]]>
7. </script>

JohnNes a écrit:

utilise jquery pour te faciliter la vie

C'est tout aussi bien de connaître le JS comme il à était conçu (voir mieux).

Sinon tu peux modifier l'attribut d'un élément de cette façon en JS:

document.getElementById( 'IdInput' ).setAttribute( 'type', 'password' );

Dans ton cas, il faut que tu donne un id à ton input (champ de texte), en l'occurence celui ou tu veux taper ton mot de passe, ainsi que au bouton par exemple:

<input type="text" name="motdepasse" id="motdepasse">

<button id="monBouton">Bouton</button>

tu auras donc ce code pour modifier son attribut texte après avoir appuyer sur ton bouton:

document.getElementById( 'monBouton' ).addEventListener( "click", function() {

   document.getElementById( 'motdepasse' ).setAttribute( 'type', 'password' );

});

-
Edité par xoxotf 19 avril 2017 à 15:38:38