テキストエリア テキストエリアの幅と高さ 幅と高さの自動適応実装コード
|
コードをコピー コードは次のとおりです。<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> |
>>: jQueryは要素を追加した後に元のイベントが実行されない問題を解決します
推薦する
MySQL マスタースレーブレプリケーションと読み取り書き込み分離の詳細な説明
記事マインドマップマスター/スレーブ レプリケーションと読み取り/書き込み分離を使用する理由は何です...
デザイン理論: テキストの読みやすさと可読性
<br />少し前に、ビジネス上の必要性から、ラップトップに Souba をインストール...
Linux Cron によるパラメータ付き PHP コードのスケジュール実行
1. 引き続き PHP スクリプトを使用して実行します。コマンドラインに入力: php /home/...
Webフロントエンド開発コース Webフロントエンド開発ツールとは
インターネット技術の発展に伴い、ユーザーはますます Web ページに依存するようになり、Web フロ...
Flexレイアウトとスケーリング計算についての簡単な説明
1. Flexレイアウトの紹介Flex は Flexible Box の略で、「柔軟なレイアウト」を...
HTMLはシンプルで美しいログインページを作成します
まずは見てみましょう。 HTML ソースコード: XML/HTML コードコンテンツをクリップボード...
Linuxの同時実行は簡単です。このようにするだけです
並行処理関数 i の `grep server /etc/hosts | awk '{pri...
Vue モバイル プロジェクトでページ キャッシュを実装する方法のサンプル コード
背景モバイル デバイスでは、ページ ジャンプ間のキャッシュが必須要件です。例: ホームページ =&g...
DockerとVMwareの競合を解決する
1. Dockerの起動の問題:問題は解決しました: Hyper-V をオンにする必要があります (...
HTMLはフォームを通じてホテルスクリーニング機能を実現します
<!doctypehtml> <html xmlns="http://...
プロセスのすべての情報を表示するLinuxメソッドの例
サーバー上にタスク プロセスがあります。 ps -ef | grep task を使用して表示すると...
MySql 共通クエリコマンド操作リスト
MYSQL でよく使用されるクエリ コマンド: mysql> select version()...
SQL文でのgroup byの使用について簡単に説明します
1. 概要Group by は、by の後の規則に従ってデータをグループ化することを意味します。いわ...
CentOS 環境で NFS リモート ディレクトリ マウントを使用する手順の紹介
目次1. NFS の概要2. NFS構築1. NFSサーバーの構築2. NFSクライアントの構築3....
Dockerスペースがいっぱいでコンテナに入れない場合の解決策
トラブル発生が突然で、業務も迫っていたため、現場のスクリーンショットを撮る時間がありませんでしたので...