ywork2020.com

Title

複数行のテキスト編集領域を表す

目次 (INDEX)

textarea とは

ここで説明する textarea とは次の語句からなるHTMLの要素です。
text
読み: テキスト
意味: 文字情報
area
読み: エリア
意味: 範囲、領域

目次に戻る

textarea 要素の概要

この要素は、複数行にわたるテキストを編集するためのコントロールを提供します。

この要素の特徴として多くのブラウザーでは、コントロールの大きさの変更することができます。 右端の隅にドラッグ用のハンドルがあり、ユーザーが要素の表示領域を自由に操作できます。 これは CSS の resize プロパティで制御されています。プロパティの既定値では表示領域を可変できますが、none キーワードを使用することで明示的に無効にすることができます。

この要素の類似要素として、 input要素のtext型 があります。これは単一行のテキストを編集するために使用される要素であり、短いテキストの編集や入力をすることに向いています。

この要素には、開始タグと終了タグが必要です。
<textarea> </textarea>

目次に戻る

サンプルコードと実行結果

このサンプルでは、textarea 要素をシンプルに表示してみました。 CSS に関しても resize プロパティの値は既定値であるbothを掲載しておきます。

サンプルコード: CSS
<style>
	textarea{
		resize: both;
	}
</style>
サンプルコード: HTML
<body>
	<textarea cols="30" rows="5">これはテキストのサンプルです。要素に内包されたテキストが編集欄に表示されます。
	</textarea>
</body>
実行結果:

目次に戻る

使用できる属性

目次に戻る