HTML のテキストエリア タグ

HTML のテキストエリア タグ

<textarea></textarea> は、複数行を入力できるテキスト ボックスを作成するために使用されます。このタグ ペアは、<form></form> タグ ペアの間に使用されます。 <textarea> には次の属性があります。

(1)onchangeはコントロールが変更されたときに呼び出される関数を指定する。
(2)onfocusはコントロールがフォーカスを受け取ったときに実行される関数である。
(3)onblurはコントロールがフォーカスを失ったときに実行される関数である。
(4)onselectはコントロールコンテンツが選択された時に実行される関数である。
(5)name このテキストブロックは識別に使用され、CGIに渡されます。
(6)colsはテキストブロックの幅です。
(7)行は、このテキストブロック内の列数、つまり高さです。
(8) wrap属性は、入力内容がテキスト領域より大きい場合に、どのように表示されるかを定義します。指定できる値は次のとおりです。

*デフォルト値は自動テキスト折り返しです。入力がテキストフィールドの右端を超えると、自動的に次の行に移動し、処理のために送信されるときにデータが自動的に折り返される場所では改行されません。
*オフ。テキストの折り返しを回避するために使用されます。入力内容がテキスト フィールドの右境界を超えると、テキストは左にスクロールします。
*仮想、テキストを自動的に折り返すことができます。入力がテキスト フィールドの右端を超えると、自動的に次の行に移動し、処理のために送信されるときにデータが自動的に折り返される改行は発生しません。
*物理的にテキストを折り返し、データが処理のため送信されると、改行も処理のため送信されます。

ここで、列と行は文字単位です。


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

<html>
<ヘッド>
<title>複数行テキスト ボックス</title>
</head>
<本文>
<フォームアクション="" メソッド="投稿">
<p>あなたの意見は私にとって重要です:
<テキストエリア名="yj" clos="20" 行="5">
このエリアにコメントを入力してください
</テキストエリア>
</フォーム>
</本文>
</html>

<<:  Vue のローカルコンポーネントの紹介

>>:  Web デザイン スキル: iframe の適応高さの問題

推薦する

jsで七夕告白連打の効果を実現、jQueryで連打技術を実現

この記事では、jsとjQueryテクノロジーを使用して告白弾幕を実現する方法を紹介します。具体的な内...

Dockerfile を使用して nginx イメージを構築する例

Dockerfile の紹介Docker は、Dockerfile の内容を読み取ってイメージを自動...

uni-appがNFC読み取り機能を実装

この記事では、参考までに、NFC読み取り機能を実装するためのuni-appの具体的なコードを紹介しま...

CSS で実現される HTML 背景色のグラデーション

エフェクトのスクリーンショット:実装コード:コードをコピーコードは次のとおりです。 <!DOC...

JavaScript の navigator.userAgent がブラウザ情報を取得するケースの説明

ブラウザはおそらく私たちにとって最も馴染みのあるツールです。 Firefox、Opera、Safar...

HTML+CSS を使用して、画像の右上隅に削除の十字と画像削除ボタンを追加します。

記録として、将来使用される可能性があり、困っている友人も使用できます。 BBはもうやめて、まずはレン...

React 入門レベルの詳細なメモ

目次1. Reactの基本的な理解1. はじめに2. Reactの特徴3. Reactが効率的な理由...

MySQL トランザクション、分離レベル、ロックの使用例の分析

この記事では、例を使用して、MySQL トランザクション、分離レベル、およびロックの使用について説明...

CSS3 transition-delay属性のデフォルト値が単位なしの0であり無効である問題を解決します

今日は、CSS3 の transition-delay 属性のデフォルト値 0 に単位がないのは無効...

HTML5+CSS3コーディング標準

黄金律プロジェクトに何人の人が取り組んでいるかに関係なく、すべてのコード行が同じ人によって書かれたよ...

ES6 配列のコピーおよびフィルメソッド copyWithin() および fill() の具体的な使用法

目次バッチコピー copyWithin()配列を埋めるメソッド fill()指数の計算方法については...

MySQLデータベースでサポートされているストレージエンジンの比較

目次ストレージエンジンMySQL でサポートされているストレージ エンジン同時実行制御ロック粒子をロ...

DockerでRedashの中国語版をデプロイしてインストールする方法の詳細な説明

1. インストール手順 Linux 環境でのローカル インストールと比較すると、Docker のイン...

擬似静的およびクライアント適応型 Nginx の設定方法

バックエンドは thinkphp3.2.3 フレームワークを使用します。他の言語を使用している場合は...

MySQL から Excel にテーブルデータをエクスポートする際の日時形式に関する簡単な説明

最近、MySQL を使用してテーブル データを Excel ファイルにエクスポートしました。MySQ...