表单输入字段随着文本的溢出而增长。

Question

可能重复： Jquery增长和缩小的文本区域

当文本溢出时，我希望实现文本<input>垂直增长的效果。因此，新的行将开始，而不是开始滚动开始的文本，<input>垂直增长。

如何使用Javascript/jQuery/CSS/HTML/等等实现这一目标？

Answer 1

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

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

有许多插件存在，以达到同样的效果-我使用了这的演示。

Answer 2

纯粹的Javascript方式：

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