<textarea>の解説｜クロノドライブのHTML辞典

<textarea>

対応ブラウザ Internet Explorer 2～ Firefox 1～ Google Chrome 1～ Safari 1～ Opera 6～
タグの分類 インライン要素 定義バージョン Strict, Transitional, Frameset
開始タグ 必須 終了タグ 必須
用例 
<form method="post" action="sample.cgi">
<textarea name="kansou" rows="4" cols="40">感想を記入します。</textarea><br>
<input type="submit" value="送信">
</form>

属性

cols 概要 テキストエリアの入力幅を指定します。
属性の値 数値
rows 概要 テキストエリアの入力欄における高さを指定します。
属性の値 数値
name 概要 入力欄の名前を指定します。
属性の値 文字列
disabled 概要 入力欄の無効化をし、入力できないようにします。入力欄には灰色の文字でメッセージなどが表示されます。
属性の値 （disabled）
readonly 概要 入力欄の書き換えを禁止します。
属性の値 （readonly）

<textarea>とは

「TEXTAREA」とは、複数行の入力が可能な入力欄を作成するためのタグです。
<textarea>～</textarea>内に入力されたテキストは、入力フィールドの初期値として入力欄に表示されます。

入力欄は、<textarea>には必須の属性であるrows属性とcols属性により高さと横幅を指定することができます。
ただし、この属性はフィールドの表示サイズの指定なので、入力ができる文字数や桁数は制限することはできません。
入力された情報はデータとしてサーバへ送信されます。

サンプルデモ

cols="数値"：テキストエリアの入力幅を指定します。 

		<form method="post" action="sample.cgi">
			<textarea name="kansou" rows="4" cols="40">cols="40"のテキストエリアです。</textarea><br>
			<input type="submit" value="送信">
		</form>
	

		<form method="post" action="sample.cgi">
			<textarea name="kansou" rows="4" cols="20">cols="20"のテキストエリアです。</textarea><br>
			<input type="submit" value="送信">
		</form>

rows="数値"：テキストエリアの入力欄の高さを指定します。 

		<form method="post" action="sample.cgi">
			<textarea name="kansou" rows="4" cols="40">rows="4"のテキストエリアです。</textarea><br>
			<input type="submit" value="送信">
		</form>
	

		<form method="post" action="sample.cgi">
			<textarea name="kansou" rows="2" cols="40">rows="2"のテキストエリアです。</textarea><br>
			<input type="submit" value="送信">
		</form>

readonly：入力欄の書き換えを禁止します。 

		<form method="post" action="sample.cgi">
			<textarea readonly name="kansou" rows="4" cols="40">readonlyが設定されているテキストエリアです。書き換えが禁止されています。</textarea><br>
			<input type="submit" value="送信">
		</form>