En fait, en fait, le mot de passe ne peut pas être affiché dans l'implémentation, mais nous avons une telle exigence dans notre travail. Lorsque nous n'avons pas entré quelque chose, il y a une invite pour entrer le mot de passe dans la case, mais lorsque nous entrons quelque chose, le numéro * s'affiche. Alors, comment est-il implémenté? En fait, le principe est très simple, qui est de mettre deux zones de texte, le style et le positionnement sont les mêmes. Masquez d'abord le type de mot de passe et affichez uniquement la zone de mot de passe pseudo avec le type comme texte. Définissez l'invite de valeur pour les invites, telles que le mot de passe d'entrée. Ensuite, lorsque l'entrée est déclenchée, l'entrée du texte de type est masquée, de sorte que l'entrée du mot de passe de type s'affiche. Ensuite, lorsque la valeur du mot de passe est détectée comme vide, le type est masqué par mot de passe et le type est l'affichage du texte. Je ne dirai rien, j'ajouterai le code. (PS: fonction de réinitialisation supplémentaire)
Entrez d'abord la partie HTML
<Bile> <Tr> <Td> Compte </td> <td> <entrée type = "Text" value = "Veuillez entrer votre compte" /> </td> </tr> <tr> <td> Mot de passe </td> <td> <entrée type = "Text" Value = "Mot de passe" id = "Login_pass" STOWNPOW Aucun "/> </ td> </ tr> <tr> <td> <entrée type =" Button "value =" Loggin "/> <input type =" Button "value =" reset "id =" btn_res "/> </ td> </ tr> </sweing>
Puis allez à la partie js
// Part de compte $ (function () {$ (". Admin"). Focus (function () {if ($ (this) .val () == "s'il vous plaît entrez votre compte") {$ (this) .val ("");}}); $ (". Admin"). Blur (function () {if ($ (this) .val () == "") {$ (this) .val. Compte ");}}); // Part de mot de passe $ ('# login_showpwd'). focus (function () {var text_value = $ (this) .val (); if (text_value == this.defaultValue) {$ ('# login_showpwd'). hide (); $ ('# login_password'). show (). focus ();}}); $ ('# login_password'). $ (this) .val (); if (text_value == "") {$ ('# login_showpwd'). show (); $ ('# login_password'). Mide ();}}); // réinitialiser la pièce $ ('# btn_res'). Cliquez sur (fonction () {$ ('.. compte "); $ ('# login_password'). Hide (). Val (" "); $ (" # login_showpwd "). show ();});});Ci-dessous, je présenterai la méthode texte affichée sous la zone d'entrée de mot de passe
Une petite invite est que de nombreux sites Web ont deux mots dans la zone d'entrée de mot de passe. J'avais l'habitude de penser que c'était du texte, mais j'ai seulement découvert aujourd'hui qu'il s'agit d'une balise de mot de passe. La méthode d'écriture est la suivante
<entrée type = "mot de passe" name = "pas" placeholder = "mot de passe" />
Ajoutez simplement un attribut d'espace réservé
Ce qui précède est les connaissances pertinentes sur le code de fonction d'invite de texte affichée dans la zone de mot de passe (mot de passe) qui vous a été présentée par l'éditeur. J'espère que cela vous sera utile. Si vous avez des questions, veuillez me laisser un message et l'éditeur vous répondra à temps. Merci beaucoup pour votre soutien au site Web Wulin.com!