Indgange, der husker oprindelig værdi - CSS-tricks

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-uddrag til formularindgange viser en hjælpemeddelelse, som forsvinder ved klik (og kommer tilbage, når brugeren ikke indtaster noget). Giv dit input klasserne 'husk' for at aktivere uddraget og (valgfrit) 'ufokuseret' som en CSS-krog til ændring af stylingen af ​​hjælpemeddelelsen.