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 の適応高さの問題

推薦する

MySQL のあまり知られていないソート方法

序文ORDER BY 字段名升序/降序、このソートステートメントは皆さんご存知だと思いますが、特殊な...

JS関数の継承について学ぶ記事

目次1. はじめに: 2. プロトタイプチェーン継承: 3. コンストラクタ継承の借用(オブジェクト...

エンコードが utf-8 に設定されている場合に Web ページが文字化けする問題の解決策

最近、PHP で Web ページを書いているときに、エンコードを UTF-8 に設定しました。しかし...

Vueはユーザーログインとトークン検証を実装します

フロントエンドとバックエンドを完全に分離する場合、Vue プロジェクトでトークン検証を実装する一般的...

WHMCS V7.4.2 グラフィカル インストール チュートリアル

1. はじめにWHMCS は、ユーザー管理、請求書の支払い、ヘルプ サービスなど、オンライン ビジネ...

win10 で mysql8.0.23 をインストールし、「サービスが制御機能に応答しません」という問題を解決する方法

Windows10にmysqlをインストールする1. 公式サイトからMySQLをダウンロードするウェ...

データベース接続のURLの詳細な説明と概要

データベース接続のURLの詳細な説明と概要JDBC URL = プロトコル名 + サブプロトコル名 ...

require loaderの実装原理の深い理解

序文Node は新しいプログラミング言語ではなく、JavaScript のランタイムに過ぎないとよく...

Docker 実行オプションを使用して Dockerfile の設定を上書きする

通常は、最初に Dockerfile ファイルを定義し、次に docker build コマンドを使...

MySQL 2級コンピュータ試験共通テストポイント 8つのMySQLデータベース設計最適化方法

MySQLデータベース設計の8つの最適化方法の詳細は次のとおりです。 1. 最も適切なフィールド属性...

CSS での三角形の描画と巧妙な応用例の詳細な説明

鉛Web ページ上の一般的な三角形の一部は、画像やフォント アイコンにする必要なく、CSS を使用し...

Nginx レイヤー 4 負荷分散構成ガイド

1. レイヤー4負荷分散の概要レイヤー 4 ロード バランシングとは何ですか?いわゆる 4 層負荷分...

Windows Server 2016 に Docker をインストールする方法

最近、Microsoft は Docker をネイティブにサポートする Windows Server...

テーブル設定の背景画像が100%表示されない解決策

開発中に以下の状況が発見されました。 (1) ファイルが.jspファイル拡張子で保存されている場合、...

Linux自動ログイン例の説明

インターネット上には、expect を使用して自動ログインを実現するスクリプトが多数存在しますが、明...