Входни данни, които запомнят първоначалната стойност - 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"); ) )); )); ));

JQuery фрагмент за въвеждане на формуляр показва съобщение за помощ, което изчезва при щракване (и се връща, когато потребителят не въведе нищо). Дайте на входа си класовете „запомни“, за да активирате фрагмента и (по желание) „нефокусиран“ като CSS кука за промяна на стила на съобщението за помощ.