Entrées qui se souviennent de la valeur d'origine - Astuces 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"); ) )); )); ));

Un extrait de jQuery pour faire des entrées de formulaire affiche un message d'aide qui disparaît au clic (et revient lorsque l'utilisateur n'entre rien). Donnez à votre entrée les classes «se souvenir» pour activer l'extrait de code et (éventuellement) «non focalisé» comme crochet CSS pour changer le style du message d'aide.