☰

PHP や JavaScript を使用せずに、テキストエリアをその内容に合わせて伸縮させる方法はありますか? 質問する

tag-icon • tag-icon html css
PHP や JavaScript を使用せずに、テキストエリアをその内容に合わせて伸縮させる方法はありますか? 質問する

ユーザーが編集できるコンテンツをテキストエリアに入力します。

CSS を使用してコンテンツに合わせて伸縮させることは可能ですか ( overflow:showdiv など)?

ベストアンサー1

1 行のみです。this.style.height = this.scrollHeight + "px"実際の高さを設定し、this.style.height = ""テキスト領域を伸縮できるようにします。

<textarea name="text" oninput='this.style.height = "";this.style.height = this.scrollHeight + "px"'></textarea>

おすすめ記事