文本框后面的标签

Question

我使用以下示例在文本框的背景中显示文本。 它也很好用。 http://attardi.org/labels/

问题：

我想用文本框增加。该框看起来像是展开的，但在键入时实际尺寸不会扩展。我想键入文本直到600px。

格塔。

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