備忘録的プログラミングリファレンス

textarea タグエレメント

ブロックレベルエレメント

 textarea タグエレメントとは、改行のある長い文章の入力ができる HTML タグエレメントです。form の部品として使用します。

 長文もしくは改行を含むテキストデータを受け付ける入力欄を作成できます。

 名前や電話番号といった1行のテキスト入力には <input type="text"> を使用します。

textarea タグエレメント
<label>長い文章の入力 : <textarea name="val_textarea" style="width:100%;height:6em;" ></textarea></label>
実行結果

 textarea エレメントの value 値は <input> と違い、<textarea> ~ </textarea> タグに囲まれた内容が value 値になります。

 幅と高さはスタイル設定の widthheight で指定できます。

 <label> エレメントで項目名を付加することができます。

属性

 グローバル属性も持ちます。以下に主な属性のみを示します。

AttributeValueExtra information
name*必須。タグエレメントを特定するための属性です。
idcssにも使えます。エレメントをユニークとします。
classcssに使います。同名のclassは同じスタイルが適応されます。
cols一行の文字数
rowsタテの行数
<label>項目名

 以下の例では、<label>は<textarea>エレメントの上部に付加されます。

ブラウザでの見え方(このページのスタイルが反映されています)

JavaScript

 textarea の定義については HTMLTextAreaElement を参照してください。

Example

 textarea タグエレメントの例です。textarea エレメントは、改行のあるテキストを入力することができます。

 textarea エレメントは <form> の部品のひとつです。<form> によってサーバーに textarea の内容を送信することができます。

 以下の例では、textarea エレメントの value 値がどこから取得しているかを確かめています。
 textarea エレメントの場合は value 属性の値ではなく、textarea タグに囲まれた内容を value 値としています。

確認ボタンをクリックしてください。以下のHTML,CSS,Script例が実行されます。