テキストエリア テキストエリアの幅と高さ 幅と高さの自動適応実装コード

テキストエリア テキストエリアの幅と高さ 幅と高さの自動適応実装コード

コードをコピー
コードは次のとおりです。

<HTML>
<ヘッド>
<TITLE>テキストエリアの幅と高さの自動適応処理方法</TITLE>
<!-- コントロール幅の自動調整 -->
<スタイル タイプ="text/css">
.コメント{
width:100%;/*親レイアウトの幅に自動的に適応します*/
オーバーフロー:自動;
単語区切り:すべて区切り;
/*IEでの改行問題を解決(自動的に1行で表示されるのを防ぐ、主にIEの互換性問題を解決するため。IE8では幅を100%にするとテキストフィールドの容量が1行を超えると、
テキスト コンテンツをダブルクリックすると、自動的に 1 行に変更されるため、改行を制御するには IE 独自の改行プロパティ「word-break または word-wrap」のみを使用できます)*/
}
</スタイル>
</HEAD>

<本文>
<FORM METHOD=POST ACTION= " ">
<!-- 主に高さの自動調整を制御します -->

<!-- 最初のものは通常のテキストエリアです -->
<textarea class="comments" 行数="10" 列数="10"> </textarea>
<!-- 次の 2 つの方法は、textarea の行の高さがクラス コンテンツの高さに自動的に適応するという問題を解決できます -->
<textarea class="comments" rows=1 name=s1 cols=27 onpropertychange= "this.style.posHeight=this.scrollHeight "></textarea>

<textarea class="comments" style="height:expression((this.scrollHeight>150)?'150px':(this.scrollHeight+5)+'px');overflow:auto;"></textarea>
</フォーム>
</本文>
</HTML>

<<:  Iframe 適応高さコードに関する 3 つの議論

>>:  jQueryは要素を追加した後に元のイベントが実行されない問題を解決します

推薦する

リアクトルーティングガード(ルーティングインターセプション)の実装

React は Vue とは異なります。ルートにメタ文字を設定することでルートインターセプションを実...

MySQLインデックスを正しく作成する方法

インデックス作成は大学図書館の書誌インデックスの構築に似ており、データ検索の効率を向上させ、データベ...

弾力性のあるナビゲーション効果を実現するJavaScript

この記事では、弾性ナビゲーション効果を実現するためのJavaScriptの具体的なコードを参考までに...

MySQLは、where in()順序ソートを実装するためにfind_in_set()関数を使用します。

この記事では、MySQL で find_in_set() 関数を使用して where in() の順...

MySQL 圧縮の使用シナリオとソリューション

導入圧縮トランスポート プロトコル、圧縮列ソリューション、圧縮テーブル ソリューションなど、MySQ...

ARGB、RGB、RGBAの違いと紹介

ARGB は、アルファ (透明度) チャネルが追加された RGB カラー モードであり、32 ビット...

Docker で Portainer ビジュアル インターフェースを構築するための詳細な手順

前回述べた問題を解決するために、オンラインで検索したところ、非常に優れたビジュアル インターフェース...

素晴らしいCSS属性MASKの詳しい説明

この記事では、CSS の非常に興味深い属性マスクを紹介します。名前が示すように、マスクはマスクと翻訳...

MySQL でテーブルを作成するときの NULL と NOT NULL の使用方法の詳細な説明

MySQL の仕様によっては、テーブル作成仕様にすべてのフィールドが空であってはならないという要件を...

DockerコンテナでJupyterノートブックを設定する方法

Jupyter ノートブックは、主に Python コードの記述、より具体的にはディープラーニング開...

dockerログマウントの問題を解決する

重要なのは、ローカルサーバーに書き込み権限がないことですキーはここにあります(アクセス拒否)。私は肯...

ウェブページの再設計の7つの主要要素 ウェブページの再設計の7つの主要要素を共有する

Shopify Plus は、私たちが設立した e コマース プラットフォームのエンタープライズ バ...

MySQLでSELECT文が実行される仕組み

目次1. マクロの観点からMySQLを分析する2. SQL ステートメントを実行するには、どの程度の...

Vue で PC 解像度の適応を実装するためのサンプルコード

目次プラン依存関係をインストールする依存関係の導入pxをremに変換するFlexible.jsを変更...

JavaScript 文字列操作の 4 つの実用的なヒント

目次序文1. 文字列を分割する2. JSONのフォーマットと解析3. 複数行の文字列と埋め込み式4....