<textarea> - フォーム部品: テキストエリア

■ 概要

項  目説  明
記述形式 <textarea>~</textarea>
対応ブラウザー H2+ / e2+ / N2+ / Fx1+ / Op6+ / Ch1+ / Sa1+
種  類
(カテゴリー)
フロー・コンテンツフレージング・コンテンツ
インタラクティブ・コンテンツパルパブル・コンテンツ
置ける場所 フレージング・コンテンツが記入できる場所
内包要素
(コンテンツ・モデル)
テキスト
(コンテンツ・モデル: 直接指定

■ 解説

<textarea> は,<form>~</form> 間に記述し,フォーム内に複数行のテキスト入力フィールド(テキスト・ボックス)を表示するために使用します。 <textarea>~</textarea> 間にテキストを書いておくと,このページがブラウザーで表示されたときテキストボックス内に表示されます。

■ 属性

種  類名  称
【固有属性】 autocomplete *,autofocus *,cols, dirname *,
disabled, form, maxlength,minlength,name,
placeholder *, readonly, required *, rows, wrap *
【グローバル属性】 accesskeyclasscontenteditable * dir
hidden *idlangspellcheck *style
tabindextitletranslate *
【ARIA role属性】
指定可能な値 (役割)
textbox (既定の役割のため指定対象外)
【ARIA aria-* 属性】
指定可能なもの
ARIA グローバル状態とプロパティ
指定可能な役割の任意の状態とプロパティ   

cols属性
1行に表示する文字数により幅のサイズを指定します。

rows属性
行数により高さのサイズを指定します。

wrap属性
<textarea> 内のテキストを送信するときの改行の処理方法を指定します。 指定できる値は次の2種類です。
soft ユーザーがキーボード等から改行を入力した箇所以外は,改行せずに送信する。 (既定値)
hard 入力フィールド内で折り返された箇所に,すべて改行を入れて送信する。
なお,この属性の値に "hard" を指定する場合は,cols属性で入力フィールドの幅を指定することが必須です。

■ CSSプロパティ

種  類名  称
【よく使うもの】

■ 使用例

HTMLソース
HTML
<body> ~ </body>
<form method="POST" action="xxx.cgi">
  <div>
    <textarea name="MSG" cols=40 rows=4>
      あいうえお
    </textarea>
  </div>
  <input type=submit value="送信">
</form>

ブラウザー 表示例

■ 備考