3

重複の可能性:
Jquery のテキストエリアの拡大と縮小

<input>テキストがオーバーフローしたときにテキストが垂直方向に伸びる効果を実現したいと考えています。そのため、最初のテキストがスクロール オフされる代わりに、新しい行が開始され、<input>垂直方向に伸びます。

Javascript/jQuery/CSS/HTML/etc を使用してこれを達成するにはどうすればよいですか?

4

2 に答える 2

4

おそらく、-DEMO としてスタイル設定された自動拡張を使用できtextareaますinput

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

同じ効果を実現するためのプラグインが多数存在します。これをデモに使用しました。

于 2012-09-02T00:45:58.603 に答える
3

純粋な Javascript の方法:

<textarea onkeyup="while(this.scrollTop > 0) {this.rows++;}"></textarea>
于 2012-09-02T01:36:30.127 に答える