Eingaben, die sich an den ursprünglichen Wert erinnern - CSS-Tricks

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-Snippet zum Erstellen von Formulareingaben zeigt eine Hilfemeldung an, die beim Klicken verschwindet (und zurückkommt, wenn der Benutzer nichts eingibt). Geben Sie Ihrer Eingabe die Klassen "Merken", um das Snippet zu aktivieren, und (optional) "Nicht fokussiert" als CSS-Hook, um das Design der Hilfemeldung zu ändern.