Comment afficher "nom d'utilisateur" et "mot de passe" par défaut dans les zones de texte en javascript?

Question

Je veux deux zones de texte avec le texte par défaut dans i.e "nom d'utilisateur" et "mot de passe". Lorsque nous cliquons à l'intérieur de la zone de texte, le texte doit disparaître afin que l'utilisateur puisse saisir son propre nom d'utilisateur et mot de passe. Toutefois, le champ de mot de passe n'est pas lisible par défaut.

Comment est-ce possible, veuillez m'aider ??? Merci d'avance.

Answer 1

Vous ne pouvez pas le faire simplement mon changement de la valeur, que vous avez découvert. Vous ne pouvez pas non plus changer le type d'entrée de "texte" en "mot de passe" lorsque vous cliquez dessus.

Il y a deux options que je peux penser -

1. utiliser une image d'arrière-plan avec « mot de passe » écrit et retirer l'arrière-plan lorsque l'entrée est concentré.

2. Faire l'entrée transparente et placez-le sur <div>password</div> puis cacher que <div> sur mise au point (ou mettre la div sur le dessus et appelez input.focus() quand il est cliqué).

Answer 2

Commander jQuery Plugin, http://fuelyourcoding.com/scripts/infield/

Il est exactement ce que vous voulez

Answer 3

Ce que vous pouvez faire est d'appliquer une image de fond dans votre css avec le texte de nom d'utilisateur et mot de passe à l'intérieur (comme la fixation d'un valeur à un champ de mot de passe vous donnera "********"). Vérifiez ensuite les valeurs des zones de texte comme ce qui suit:

<input type="text" class="username" name="username" onclick="if (this.class = 'username') { this.class == '' }" onblur="if (this.value == '') { this.class = 'username'; }" /> 

S'il vous plaît noter que je ne l'ai pas testé, mais je suis sûr que vous pourriez faire somthing le long de ces lignes