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

推薦する

JavaScript の instanceof メソッドの手動実装

1. instanceofの使用法instanceof演算子は、コンストラクター関数のprototy...

VMware vSphere 6.7 (ESXI 6.7) のグラフィック インストール手順

環境: VMware VCSA 6.7 (VMware-VCSA-all-6.7.0-8169922...

コンテンツウェブページの画像プレビューのデザイン

<br />以前、「コンテンツページ番号のプレビューナビゲーション」と「写真プレビューナ...

MySQL InnoDB アーキテクチャの概要

目次導入1. MySQLデータベースの全体的なアーキテクチャSQL インターフェースパーサーオプティ...

SSH経由でリモートLinuxシステムでコマンドを実行する方法

場合によっては、リモート マシンでいくつかのコマンドを実行する必要があることがあります。これが時々行...

MySQL の時間差関数 TIMESTAMPDIFF と DATEDIFF の使用

時間差関数 TIMESTAMPDIFF と DATEDIFF の使用SQL ステートメント、特にスト...

html mailto(メール)の実用化について

ご存知のとおり、mailto は Web デザインと制作において非常に実用的な HTML タグです。...

MySQL InnoDB row_id 境界オーバーフロー検証方法の手順

背景クラスメートと row_id の境界問題について話し合ったので、ここで詳しく説明します。 Inn...

NginxはGzipアルゴリズムを使用してメッセージを圧縮します

HTTP圧縮とは場合によっては、比較的大きなメッセージ データがクライアントとサーバー間で送信され、...

forループ内のvarの問題の解決

序文var は ES5 における変数宣言方法です。var で変数を宣言するとループ変数がグローバル変...

CSS3は、欠けた角の長方形、折り畳まれた角の長方形、欠けた角の境界線を実装しています。

序文数日前、偶然、コーナーの四角形が欠落している機能に遭遇しました。最初に頭に浮かんだのは、必要な場...

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

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

私のCSSアーキテクチャのコンセプト - それは人によって異なり、ベストなものはなく、適切なものだけがある

はじめに<br />私はフロントエンド分野でかなり長い間働いており、CSS分野でも長い間...

シンプルで簡単なJavaScript開発のためのSvelte実装原理の詳細な説明

目次デモ1フラグメントの作成スヴェルトコンポーネント状態を変更できるデモSvelte は長い間存在し...

HTML文書の基本構造(Webページ作成の基礎知識)

HTMLの動作原理: 1. ローカル操作: ブラウザでhtmlファイルを開く2. リモートアクセス...