複数行の入力フィールド 【<textarea>】
ブラウザで表示した時の見え方
ソースサンプル
<form method ="post" action="./form/formmail.cgi">
感想をどうぞ：<br>
<textarea name="kansou" rows="5" cols="30">ここにご記入ください。</textarea><br>
<input type="submit" value="申し込み">
<input type="reset" value="リセット">
</form>
[
黒※説明中のタグ
紫※省略可能なタグ
赤※変更可能
緑※文章など
]
解説
- 空だと正しく処理できないブラウザがあるため、初期値となるテキストをあらかじめ書いておくことが薦められています。<textarea>〜</textarea>の間に文字を入力すると、あらかじめその文字が表示されます。
- フォームを構成する部品の表示される大きさは、ブラウザや環境により異なります。特にテキストフィールドには表示幅と高さに大きな違いが見られるようです。できるだけサイズにゆとりを持たせましょう。
- この要素はフォーム以外でも使うことができます。
- (※1)はXHTML Basicでは使用できません。
| オプション |
| rows | 数値 | 入力フィールドが表示される行数を指定する | rows="5" |
| cols | 数値 | 入力フィールドの幅を文字数で指定する | cols="30" |
| name | 変数名 | 入力フィールドの名前を指定する | name="goiken" |
disabled
(※1) | なし | 選択や変更ができないようにする | name="goiken" disabled |
readonly
(※1) | なし | 入力フィールドの内容を変更できないようにする | name="goiken" readonly |
tabindex
(※1) | 数値 | Tabキーを押して移動させる順番を指定する | tabindex="3" |
| accesskey | キー | 入力フィールドにショートカットキーを割り当てる | accesskey="z" |
| wrap | off、
hard、
soft |
自動改行しない
横幅を超えたところで改行する
自動改行するが送信時には改行しない
| wrap="off" |
| 属性名 | 値 | 機能 | 例 |
AICHAN WEB(Z)
>
HTML＆CSSサンプル集(S)
>
HTML
-
複数行の入力フィールド