textarea要素 複数行テキスト入力フィールド (multi-line text field)

 
インライン要素
ホーム > HTML Note > textarea要素
H2- ie1- N1-

説明

<textarea rows="..." cols="...">-</textarea> 開始タグ:必須 終了タグ:必須
textarea要素は、複数行入力可能なテキスト入力フィールドを作成する要素です。<textarea>-</textarea>で囲まれたテキストは、このフィールドの初期値として表示されます。

HTMLの定義やIEでの実装では、<textarea>を<form>-</form>で囲まなくても良いのですが、N4まででは<form>-</form>で囲まないと<textarea>が無視されてしまうので注意が必要です。
 

属性 (W3C)

<textareaH2- ie1- N1-
一般属性 id class style title lang dir %events;
name="名前" H2- ie1- N1-
送信される部品名
rows="数字" H2- ie1- N1-
[必須] 高さ
行数で指定。
cols="数字" H2- ie1- N1-
[必須] 横幅
文字数で指定。
disabled H4- ie4- N6-
無効化
readonly H4- ie4- N6-
読み取り専用
tabindex="数字" H4- ie4- N6-
タブインデックス [0-32767]
([tab]キーを押したときに切り替わるフォーカスの順序を指定)
accesskey="文字" H4- ie4- N6-
アクセスキー
(Win[Alt]+[文字]、Mac[ctrl]+[文字]でフォーカス)
onfocus="スクリプト" H4- ie3- N2-
選択時
onblur="スクリプト" H4- ie3- N2-
選択解除時
onselect="スクリプト" H4- ie4- N6-
テキスト選択時
onchange="スクリプト" H4- ie3- N2-
内容変更時
datasrc="URI" H4- ie4-
未調査
datafld="CDATA" H4- ie4-
未調査
dataformatas=
"(plaintext|html)"
H4- ie4-
未調査
>(#PCDATA)</textarea>

ブラウザ独自の属性 (ie N)

istyle="数字" i2
未調査
sdaform="" H2
未調査
sdapref="" H2
未調査
wrap="改行データ" ie3- N2-4
送信される改行データ
off改行なし (N初期値)
soft改行部分 (ie初期値)
hard表示改行部分と改行部分
physical未調査
virtual未調査

使用例


<form action="cgi-bin/act.cgi" method="post">
<textarea name="diary" rows="5" cols="30"></textarea><br>
<input type="submit" value="送信"> <input type="reset" value="リセット">
</form>
これはサンプルなので、送信ボタンのtype属性にbuttonを指定し無効化しています。
 
関連要素: form > label>input | select>optgroup|option| textarea | fieldset>legend | button
トップページ HTML Note ページトップ
 2003/09/13発行 2008/01/01更新