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

Form input field grows with overflowing text

本文关键字：文本 溢出 输入 字段 表单      更新时间：2023-09-26

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

我想达到一种效果，当文本溢出时，文本<input>将垂直增长。因此，开始的文本没有滚动掉，而是开始了一行新行，<input>垂直增长。

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

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

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

有很多插件可以达到同样的效果——我在演示中使用了这个。

一种纯Javascript方式：

<textarea onkeyup="while(this.scrollTop > 0) {this.rows++;}"></textarea>
相关文章：