记住原始值的输入

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钩子，以更改帮助消息的样式。

翻译自: https://css-tricks.com/snippets/jquery/inputs-that-remember-original-value/