【解決方法】マルチラインのテキストボックスの高さを自動的に増やす方法


拝啓、

MultiLineを使用してTextBoxから段落を保存して取得しました。
段落は 1 行または 5 行/複数行にすることができます。1 行と 5 行の内容が 5 行にある場合は 1 行の高さが必要です。これは、自動的に増加する必要があることを意味します。

また、右側のスクロールは非表示/0 ボーダー全面/100% 無地です。
印刷中は無地である必要があることを意味します。

解決策 1

解決策 2

解決策 3

HTMLソース

<タイトル>

.clsTxt {
幅: 200ピクセル;
最小高さ: 25px;
最大高さ: 200ピクセル;
サイズ変更: なし。
}

関数リサイズテキストボックス(txt) {
txt.style.height = “1px”;
txt.style.height = (1 + txt.scrollHeight) + “px”;
}

説明:


<%----%>

注: この記事では、asp.net の複数行テキスト ボックスを使用して概念を説明しました。 ただし、HTML テキストエリアに実装したい場合は、次を使用します。

の代わりに
max-height: 200px; と書いたクラス (.clsTxt) でもう 1 つ注意すべき点があります。 したがって、テキストボックスの高さが 200px に達すると、その高さはそれ以上増加せず、上のデモ画像に示すように垂直スクロールバーが表示されます。 ただし、これが不要な場合は、max-height: 200px; を削除してください。 クラス (.clsTxt) から取得すると、コンテンツに基づいて高さが無限に増加します。

コメント

タイトルとURLをコピーしました