c# - 文本框后面的标签

Question

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

问题:

我要增加文本框用。该框看起来像展开了，但在键入时实际大小并未展开。我想输入文字直到 600 像素。

吉萨。

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