textarea要素

textarea要素は、テキストエリアを表す要素。テキストエリアには、複数行に渡るテキストを入力できる。

カテゴリー フロー・コンテンツ、フレージング・コンテンツ、インタラクティブ・コンテンツ、パルパブル・コンテンツ、フォーム関連要素、ラベル付け可能フォーム関連要素、送信可能フォーム関連要素、リセット可能フォーム関連要素、form.elementsとfieldset.elementsのAPIのリストに含まれるフォーム関連要素。
コンテキスト フレージング・コンテンツを内包できる要素内で使用できる。
コンテンツ・モデル テキスト。
属性 グローバル属性。
autocomplete属性、autofocus属性、cols属性、dirname属性、disabled属性、form属性、maxlength属性、minlength属性、name属性、placeholder属性、readonly属性、required属性、rows属性、wrap属性。
ブラウザ対応

構文

<textarea></textarea>

要点

  • textarea要素は、テキストエリアを表す要素である。
  • テキストエリアとは、複数行に渡るテキストを入力できる入力欄のこと。

属性

任意属性

属性 説明
autocomplete属性 テキストエリアのオートコンプリートを有効にするかどうかを指定する属性。
autofocus属性 テキストエリアにオートフォーカスさせる属性。
cols属性 テキストエリアの幅を文字数で指定する属性。
dirname属性 テキストエリアのテキストの方向を送信データに含める属性。
disabled属性 テキストエリアを無効にする属性。
form属性 テキストエリアが所属するform要素を指定する属性。
maxlength属性 テキストエリアの最大文字数を指定する属性。
minlength属性 テキストエリアの最小文字数を指定する属性。
name属性 テキストエリアの名前を指定する属性。
placeholder属性 入力のヒントとなるプレースホルダーを指定する属性。
readonly属性 テキストエリアを読み取り専用にする属性。
required属性 テキストエリアの入力を必須にする属性。
rows属性 テキストエリアの高さを行数で指定する属性。
wrap テキストエリアの端で折り返した部分を改行として扱うかどうかを指定する属性。

サンプルコード

<textarea name="sampleName"></textarea>

サンプル

HTMLソースコード

<form action="sample-textarea.php" method="post" target="_blank">
	<p>
		<label>
			テキストエリア：<br>
			<textarea name="sampleName"></textarea>
		</label>
	</p>
	<p>
		<button type="submit">送信</button>
	</p>
</form>

実際の表示