Go to information

textarea要素

  1. textarea要素
  2. cols属性
  3. disabled属性
  4. name属性
  5. readonly属性
  6. rows属性
  7. wrap属性
  8. その他の属性

textarea要素

textarea要素(multi-line text field)は複数行のテキスト入力欄を作成します。要素内のテキスト(テキストのみ内包可能)が初期値としてテキスト入力欄内に表示されます。データの送信は、入力した内容が値として送信されます。入力欄の行数を cols属性で、列数を rows属性で指定します。この2つの属性は必須です。なお、入力するデータ量が短く、テキスト入力欄が1行で済む場合は input要素type="text")を使います。

textarea要素には、input要素の maxlength属性のような入力文字数を制限する機能はありません。textarea要素の領域を超える文字数が入力されると、UA はテキスト入力欄にスクロール機構を設けるので、いくらでも文字を入力することができます。たとえば、JavaScript とイベント属性を組み合わせたクライアントサイド・スクリプトで最大文字数を制限することも可能ですが、JavaScript に対応していなっかたり・環境設定で無効にされているなどの JavaScript が利用できない環境では、その機能も無効になるため、あくまでも補助程度に使って、しっかりと CGIプログラム側で最大文字数を指定しておいた方が安全です。

バージョン
要素型
インライン要素
開始タグ
必須
終了タグ
なし
非推奨
-
内包可能
テキスト

cols属性

バージョン
指定要素
textarea
必須
必須属性
非推奨
-
属性値
整数(pixels)

テキスト入力欄の横幅を指定します。この横幅は1行に入力できる文字数分の表示幅です。入力可能な文字数の幅を制限するものではありません。UA によって表示は異なりますが、大半の視覚環境の UA は半角スペースを含まない半角文字の入力が続くと、横幅にあわせて内容が自動的に折り返されることはなく、領域からはみ出してテキスト入力欄の下に横スクロールバーを表示します。全角文字や半角スペースが含まれると cols属性で指定されたテキスト入力欄の横幅にあわせて自動的に折り返しが行われます。

disabled属性

バージョン
指定要素
必須
-
非推奨
-
属性値

テキスト入力欄の使用と選択を全て禁止します。使用が禁止されたテキスト入力欄の値は、送信されません。HTML4.01 では disabled、XHTML では属性値を省略できないため disabled="disabled" と記述します。

name属性

バージョン
指定要素
textarea
必須
-
非推奨
-
属性値
文字列

テキスト入力欄に名前を付けます。データを送信する時に name属性の値とテキスト入力欄に入力されたテキストがセットになるので、どの項目に対する回答なのかがわかるように name属性の値で質問の内容を示しておきます。name属性の値は半角アルファベットの大文字・小文字が区別されません(case-insensitive)。

readonly属性

バージョン
指定要素
必須
-
非推奨
-
属性値

テキスト入力欄を読み取り専用にして、ユーザー側でのデータの入力と変更を禁止します。値の入力と変更を禁止するもので、disabled属性とは違い制作者側であらかじめ設定していた値は送信されます。HTML4.01 では readonly、XHTML では属性値を省略できないので readonly="readonly" と記述します。

rows属性

バージョン
指定要素
textarea
必須
必須属性
非推奨
-
属性値
整数(pixels)

テキスト入力欄の高さとなる表示可能な行数を指定します。実際に入力可能な行数を制限するものではありません。指定された入力可能行数を超えた場合は、テキスト入欄の横に縦スクロールバーを表示して、いくらでも入力することができます。

wrap属性

バージョン
ブラウザの独自機能
指定要素
textarea
必須
-
非推奨
-
属性値

複数行のテキスト入力欄で文字数が指定された横幅を越える場合にテキストの折り返しを指定します。仕様として正式に定義されている機能ではなくブラウザの独自機能ですが、主要ウェブブラウザはすべて対応しています。テキスト入力欄に入力された内容は、ユーザーがテキストの入力途中に折り返す指定をしない限り、送信後のデータに折り返しが反映されることはありません。wrap属性を指定することで、入力欄の表示域にあわせた文字列の折り返しを指定することができます。値には次の3種類のキーワードがあります。キーワードは半角アルファベットの大文字・小文字が区別されません(case-insensitive)。

off
折り返しなし、実際に入力欄で折り返されたものも除いて送信
soft
自動的に折り返す、実際に折り返されたもののみ送信
hard
自動的に折り返す、実際に折り返されたものと自動的に折り返された両方を含んで送信

なお、折り返しと改行とは異なるものです。折り返しと改行を混同される方が多いですが注意してください。折り返し(¥n)とはあくまでもソースコード内における改行であって、実際に画面上に改行(<br>)として表示に反映されることはありません。電子掲示板(BBS)などの CGIスクリプトでは、折り返しを示す "¥n" があれば、デコード(CGI が受け取る形に変換されたデータを元の形に戻すこと)の際に "¥n" を強制改行を示す br要素に変換する指定が行われることで、改行として表示に反映されています。

その他の属性

共通属性
イベント属性
現在位置
  1. W3G
  2. XHTML
  3. HTML辞典
  4. textarea要素
ナビゲーション
ステータス情報
作者
上田 遼
公開
2005-10-01T10:05:35+09:00
更新
2008-12-29T04:27:11+09:00
URI
http://w3g.jp/xhtml/dic/textarea
検索