Innganger som husker opprinnelig verdi CSS-triks

Anonim
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"); ) )); )); ));

Et jQuery-snutt for å lage skjemainput viser en hjelpemelding som forsvinner ved klikk (og kommer tilbake når brukeren ikke skriver inn noe). Gi dine innspill klassene "husk" for å aktivere kodebiten og (valgfritt) "ufokusert" som en CSS-krok for å endre utformingen av hjelpemeldingen.