2010-10-21 6 views
0
<input name="myusername" type="text" id="u" class="blackle u" value="Username..." /> 
<input name="mypassword" type="text" id="p" class="blackle p" value="Password..." /> 

En utilisant jQuery ...
onFocus - si #u a val "Nom d'utilisateur ..." changer ensuite à "" (blanc)
OnBlur - si #u a val "" (blanc) changer à l'époque "Nom d'utilisateur ..."Modifier l'entrée val. et le type en utilisant jQuery


onFocus - si #p a val "mot de passe ..." changer ensuite à "" (blanc); en outre ici le val de type d'attribut devrait être changé en "mot de passe" de "texte" ...
OnBlur - si # u a val "" (vide) alors le changer en "mot de passe ..."; Encore une fois le val d'attribut type doit être modifié pour revenir à « texte » de « mot de passe » ...

+1

En utilisant la courtoisie commune: OnAskQuestion - montrez à la communauté quel code vous avez déjà essayé. –

Répondre

1
$('#u').focus(function() { 
    if($(this).val() === "Username...") { 
    $(this).val(""); 
    } 
}).blur(function() { 
    if($(this).val() === "") { 
    $(this).val("Username..."); 
    } 
}); 

Rincer et répéter. La fonctionnalité de ce que vous essayez de faire ressemble beaucoup à la placeholder plugin, cependant.

+0

qu'en est-il de la deuxième partie? Je veux dire changer l'attribut du champ pwd –

+0

.attr ("type", "text"); ou .attr ("type", "mot de passe"). Je ne ferais pas ça, cependant. Ce n'est pas un comportement de site Web typique. – EMMERICH

Questions connexes