Input che ricordano il valore originale - Trucchi CSS

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

Uno snippet jQuery per fare in modo che gli input del modulo mostrino un messaggio di aiuto che scompare al clic (e ritorna quando l'utente non inserisce nulla). Dai il tuo input alle classi "ricorda" di attivare lo snippet e (opzionalmente) "non focalizzato" come hook CSS per modificare lo stile del messaggio di aiuto.