Un input qui passe de type text à type password ?

**Michaël** · 27/06/2005, 17h49

bonjour,
j'ai ceci

Code :

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

<input type='text' name='password' value='Mot de passe' class='input_text' onFocus='this.value=""'><br />

donc ça m'affiche "Mot de passe" dans mon input. je voudrais que quand on se place dedans que ça change le type du input en password mais je ne sais pas comment le changer à la volée

et surtout, je doute que ce soit possible

**rapathonyk** · 27/06/2005, 18h12

pourquoi pas ? faut essayer !!!

Code :

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

<input type='text' name='password' id='mdp' value='Mot de passe' class='input_text' onFocus='this.type="password"; this.value="";'><br />

c'est des fois tellement simple !!

**Michaël** · 27/06/2005, 18h16

tellement simple en effet

**ilood** · 27/06/2005, 20h10

Mignon mais il ne faut pas que le javascript soit desactivé. Sinon on enregistre un mot de passe comme simple saisie de formulaire

Pas très sécurisant

**giminik** · 28/06/2005, 10h18

Envoyé par ilood

Mignon mais il ne faut pas que le javascript soit desactivé. Sinon on enregistre un mot de passe comme simple saisie de formulaire

Pas très sécurisant

dans ce cas là il suffit de faire :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<html>
<!-- initialisation du input en type text -->
<body onload="document.getElementById('id1').type='text';">
<fieldset>
<!-- si javascript est désactivé ça reste un password 
       et si javascript est activé ça devient un password au focus
-->
<input type="password" id="id1" onfocus="this.type='password';" value="toto" />
</fieldset>
 
</body>
</html>

il faut préciser qu'internet explorer ne semble pas prendre en compte la propriété type.

**rapathonyk** · 28/06/2005, 10h29

en effet, j'avais pas testé sous IE... encore une victoire du renard

donc faut en plus mettre direct en password si c'est sous IE...

en gros vaut mieux directement le mettre en password et mettre un pti texte au-dessus.. dommage c'était mignon

**giminik** · 28/06/2005, 10h43

la solution que j'ai proposé fonctionnera sous ie et firefox avec ou sans javascript.

**Michaël** · 28/06/2005, 12h27

malheureusement, j'ai pas beaucoup de place. je développe mon site pour des résolutions de 1024*768. pourquoi tout le monde n'est pas en 1280*1024

je pense que je vais mettre le champ direct en password en fait. si les gens voient un champ identifiant et en dessous un champ avec plein de petites étoiles, ils vont bien penser que c'est pour le mot de passe non ?

**rapathonyk** · 28/06/2005, 12h33

c'est vrai, il faut miser sur l'intelligence des internautes

ceci dit avec la solution de giminik t'auras 80% d'internautes, voir plus, qui verront "mot de passe" avant de cliquer dessus pour que ca devienne un champ de type password...

Un input qui passe de type text à type password ?

JavaScript

Vue hybride

Discussions similaires

Partager

Partager