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

Question

  

可能重复：
  Jquery growing and shrinking textarea

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

我怎样才能使用Javascript / jQuery / CSS / HTML /等实现这个目标？

Answer 1

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

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

有许多插件可以达到相同的效果 - 我使用this进行演示。

Answer 2

纯粹的Javascript方式：

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