文本框后面的标签

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分钟的代码/测试/刻录不错。