表单输入字段随着溢出的文本而增长[重复]答案

【问题标题】：Form input field grows with overflowing text [duplicate]表单输入字段随着溢出的文本而增长[重复]
【发布时间】：2012-09-02 00:34:10
【问题描述】：

可能重复：
Jquery growing and shrinking textarea

我想实现当文本溢出时文本<input> 将垂直增长的效果。所以不是滚动开始的文本，而是开始一个新行，<input> 垂直增长。

我如何使用 Javascript/jQuery/CSS/HTML/etc 实现这一点？

【问题讨论】：

【解决方案1】：

您可能可以使用自动增长的textarea 样式为input - DEMO

textarea {
    height: 20px;
    line-height: 20px;
    resize: none;
}

有很多插件可以实现相同的效果 - 我在演示中使用了this。

【讨论】：

我试过你的答案，但它没有增长，只是出现了一个滚动条，即使使用 .autosize()。如果有影响，则动态插入 textarea，我在插入后重新绑定 .autosize() ，但它仍然不起作用。
即使使用动态文本区域也适用于我 - jsfiddle.net/bcHnV/1 你是否包含了 jquery 和插件？
这就是jsfiddle.net/bcHnV/2
对我来说还可以.. 你用的是什么浏览器？
嗯，这很奇怪。以前没用过。

【解决方案2】：

纯Javascript方式：

<textarea onkeyup="while(this.scrollTop > 0) {this.rows++;}"></textarea>

【讨论】：