Ievades, kas atceras sākotnējo vērtību CSS-triki

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 fragmentā, lai izveidotu veidlapu ievades, tiek parādīts palīdzības ziņojums, kas pazūd pēc klikšķa (un atgriežas, kad lietotājs neko neievada). Piešķiriet savam ievadam klases “atcerēties”, lai aktivizētu fragmentu un (pēc izvēles) “nefokusētu” kā CSS āķi palīdzības ziņojuma stila maiņai.