HOME ＞ HTMLリファレンス [ABC順 / 目的別] ＞ <TEXTAREA>
<TEXTAREA>
テキストエリア（複数行の入力フィールド）を作成する
ショートカット
形式 ・ 説明
<TEXTAREA cols="数字" rows="数字"> 〜 </TEXTAREA>
- テキストエリアを作成する。
- <TEXTAREA> 〜 </TEXTAREA> にはさまれた文字は初期値として最初から入力される。
（何もはさまない場合は空白となる） - 必ず <FORM>〜</FORM> 内で使用する。（そうしないと表示されないブラウザがある）
タグの形式
- 省略不可 （ 開始タグ ： 必須 / 終了タグ ： 必須 ）
<TEXTAREA>〜</TEXTAREA>の中で使えるもの
- 文字 のみ。 （タグは使えない）
テキストエリアに関する属性
cols="横幅" rows="高さ"
- テキストエリアの横幅（平均文字数）と高さ（行数）を数字のみで指定する。
- HTML4.01 では必須の属性。
name="名前"
- 名前を指定。
accesskey="英数字"
- ショートカットキーを指定。
tabindex="数字"
- Tabキーを押した際のフォーカス移動順を指定。
readonly
- 入力できないように指定。（フォーカスはあう）
disabled
- 無効。入力を受け付けない。フォーカスをあわせることもできない。文字は灰色表示。
一般属性
使用例
HTMLソース
<FORM action="cgi-bin/xxx.cgi" method="post"> <TEXTAREA name="kansou" rows="6" cols="30" > なんか感想かいてちょーだい。 </TEXTAREA> <INPUT type="submit" value="送信"><input type="reset" value="リセット"> </FORM>
解説
- <INPUT type="text"> と違い、好きな大きさの複数行の入力フィールドを作成できる。
- 感想などの長い文章を入力してもらうのに便利。
- よく更新履歴などに使っている人を見かけるが、NN7などはデフォルトだとチョットかっこ悪いので、デザイン的に使用するなら、スタイルシートを使用した方がいいかも。
- スタイルシートを使用する場合、border-top: 〜 ;border-right: 〜 ;border-botto,: 〜 ;border-left: 〜 ; というふうに、４本の枠線をそれぞれ指定するのがよい。（一括指定しないのはNN4対策）
