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

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

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

<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は要素を追加した後に元のイベントが実行されない問題を解決します

推薦する

MySQL学習データベース検索文DQL小百章

目次1. データの簡単な取得2. データの並べ替えと取得2.1. 基本構文2.2. ソート方向を指定...

SSMプロジェクトは、ホットデプロイメント構成を実装するためにTomcatとMavenを使用してWARパッケージとしてデプロイされることが多い。

背景ご存知のとおり、JavaEE プロジェクトを開発した後は、そのプロジェクトをサーバーの Tomc...

MySQL 5.7.25 のインストールと設定方法のグラフィックチュートリアル

MySQL インストール ファイルには、msi 形式と zip 形式の 2 種類があります。クリック...

表の最初の行と最初の列を固定し、適応型ウィンドウを実現するための CSS の例コード

今日のキャンパス採用筆記試験では、固定された最初の行と最初の列を実装し、幅をウィンドウの変更に適応さ...

CSS3マスクレイヤーのくり抜き効果を実現するさまざまな方法

この記事では、マスク レイヤーの中空化を実現する 4 つの方法を紹介します。みんなと共有し、自分用の...

鏡像効果を実現する JavaScript キャンバス

この記事では、JavaScriptキャンバスでミラーイメージ効果を実現するための具体的なコードを参考...

MySQL に配列を保存するサンプルコードと方法

多くの場合、ストアド プロシージャを作成するときに配列がよく使用されますが、MySQL ではストアド...

jQueryはシンプルなカルーセル効果を実装します

みなさんこんにちは。今日はカルーセルの実装についてお話しします。私が作成したカルーセルの効果は次のと...

MySQLの実行プロセスとシーケンスについての簡単な説明

目次1:mysql実行プロセス1.1: コネクタ1.2: キャッシュ1.3: アナライザー1.4: ...

JS 非同期実行の原則とコールバックの詳細

1. JSの非同期実行の原則JavaScript はシングルスレッドですが、ブラウザはマルチスレッド...

Mysql SQL ステートメント演習 (50 問)

テーブル名とフィールド–1. 学生リスト学生 (s_id、s_name、s_birth、s_sex)...

Vue-routerルーティングの使い方

目次1. 説明2. インストール3. テスト1. 説明Vue Router は、Vue.js の公式...

MySQLビューの原理と使用法の詳細な説明

この記事では、例を使用して MySQL ビューの原理と使用方法を説明します。ご参考までに、詳細は以下...

Nodejs 探索: シングルスレッドの高並行性の原理を深く理解する

目次序文一目でわかる建築オペレーティングシステムとの対話シングルスレッドイベント駆動/イベントループ...

HTML+CSS+JavaScript でガールフレンド版のスクラッチ カードを作成します (一度見ればすぐに覚えられます)

誰もがスクラッチ チケットで遊んだことがあると思います。子供の頃、ポケットにお金が入るとすぐに友達に...