Inputs, die den ursprünglichen Wert speichern

Avatar of Chris Coyier
Chris Coyier am
var origValue = [];
$('input.remember').each ( function (currentIndex)
{
       origValue.push ( $(this).val () );
       $(this).focus ( function ()
       {
               $(this).removeClass("unfocused");
               var defaultText = $(this).val();
               if ( $(this).val () == origValue [ currentIndex ] )
               {
                       $(this).val('');
               }

               $(this).blur(function()
               {
                       var userInput = $(this).val();
                       if (userInput == '')
                       {
                               $(this).val(defaultText);
                               $(this).addClass("unfocused");
                       }
               });
       });
});

Ein jQuery-Schnipsel, um Formular-Eingabefelder eine Hilfenachricht anzeigen zu lassen, die beim Klicken verschwindet (und wieder erscheint, wenn der Benutzer nichts eingibt). Geben Sie Ihrem Eingabefeld die Klassen „remember“, um den Schnipsel zu aktivieren, und (optional) „unfocused“ als CSS-Hook zum Ändern des Stylings der Hilfenachricht.