代码之家  ›  专栏  ›  技术社区  ›  Wiz

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

  •  3
  • Wiz  · 技术社区  · 13 年前

    可能重复:
    Jquery growing and shrinking textarea

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

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

    2 回复  |  直到 8 年前
        1
  •  4
  •   Zoltan Toth    13 年前

    你也许可以用一个亲笔签名 textarea 样式为 input - DEMO

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

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

        2
  •  3
  •   Zoltan Toth    13 年前

    纯Javascript方式:

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