jQuery的默認/佔位符輸入文本和問題，保存的信息

Question

我是新來的jQuery，並有一個惱人的問題。 我有充滿默認文本時，該字段爲空，然後單擊刪除當一些登錄字段。

我的問題是，當用戶保存自己的用戶名/密碼（與瀏覽器），如果他們返回到登錄場都充滿了用戶的頁面保存輸入以及默認的輸入。

 
$('#login input.text').each(function(i, field) { 
      field = $(field); 
      if (field.val().length > 0) { 
       field.prev().css('display', 'none'); 
      } 
      field.focus(function() { 
       field.prev().css('display', 'none'); 
      }).blur(function() { 
       if (field.val() == '') field.prev().css('display', 'block'); 
      }); 
     }) 

Answer 1

我會去這樣的事情有這樣的默認值，而不是顯示隱藏在字段旁邊的東西。當然，你可以使用任何自定義屬性而不是名稱，但有登錄名和密碼似乎很好：

$(function(){ 
    $('#login input.text').each(function() { 
     var field = $(this); 
     if (!!field.val() && field.val() !=field.attr('name')) { 
      field.val(field.attr('name')); 
     } 
    }).focus(function() { 
     var field = $(this); 
     if (field.val() == field.attr('name')) field.val(''); 
    }).blur(function() { 
     var field = $(this); 
     if (!!field.val()) field.val(field.attr('name')); 
    }); 

}）;

Answer 2

我會建議使用HTML5佔位符屬性。

<input type="text" placeholder="username" name="username"> 

邁克泰勒已經寫了一個很棒的jQuery插件來支持不支持這個屬性的瀏覽器。 http://github.com/miketaylr/jQuery-html5-placeholder