文本框後面的標籤

Question

我正在使用以下示例在文本框的背景中顯示文本。 它也正常工作。 http://attardi.org/labels/

問題：

我想增加與文本框。該框看起來像擴大了，但輸入時實際大小沒有擴大。我想輸入文字直到600px。

Geetha。

Answer 1

$(".input :input").keypress(function(){ 
    var o = $(this); 
    var s = $("<span></span>").html(o.val()).addClass('placeholder').css('left', '-9999px'); 
    if (o.outerWidth() < 600) { 
     o.parent().append(s); 
     if (s.outerWidth() > o.outerWidth()){ 
      o.css("width", s.outerWidth()); 
     } 
     $("span.placeholder").remove(); 
    } 
}); 

我測試這一點，似乎工作不錯。 7分鐘的代碼/測試/刻錄不錯。