textareaタグ

textareaは、複数行のテキスト入力欄を作成するタグです。

解説

formタグの子要素として定義します。

form送信時にはパラメータ（name属性値）と、入力されたテキスト（value属性値）がセットになって送信されます。

１行のみ入力を受け付けたい場合は、input type="text"を使用してください。

カテゴリー (自カテゴリ)	フロー・コンテンツフレージング・コンテンツインタラクティブ・コンテンツ
コンテキスト (親カテゴリ)	フレージング・コンテンツを許可する場所
コンテンツ・モデル (子カテゴリ)	テキスト

textareaタグには以下の属性が指定できます。

【属性】
属性	説明
cols	テキストエリアの横表示サイズを文字数で指定する（例）横表示サイズを50文字分にする　cols="50" 　※半角文字サイズが基準です
rows	テキストエリアの縦表示サイズを文字数で指定する（例）縦表示サイズを10文字分にする　cols="10"
form	紐づけるformのIDを指定する（例）formのidがfrm01の場合　form="frm01"
maxlength	入力できる最大文字数を指定する（例）maxlength="100" 　※全角半角関係なく１文字は１文字と数えます
placeholder	プレースホルダーを指定する（例）placeholder="100文字以内で入力してください。"
readonly	読み取り専用にする（例）readonly="readonly" 　※readonlyのみでもOKです。
wrap
required	必須入力であることを指定する（例）required="required" 　※requiredのみでもOKです。

【共通属性】
属性	説明
class	クラスを指定する（例）class="hoge"
id	IDを指定する（例）id="foo"
style	スタイルを指定する（例）style="sample"
name	要素に名前を指定する（例）name="txt1"
title	ツールチップを指定する（例）title="補足情報です"
tabindex	Tabキーでの移動順を指定する（例）tabindex="3"
autofocus	初期フォーカスを設定する（例）autofocus="true"
disabled	非活性にする（例）disabled="true"

<textarea></textarea>

<textarea cols="30" rows="5"></textarea>

<textarea cols="30" rows="5">おはようございます</textarea>

<textarea cols="30" rows="5" readonly="true">おはようございます</textarea>

おはようございます

見た目は変化ありませんが、値の入力は不可です。

<textarea cols="50" rows="5" maxlength="500" placeholder="ご自由に入力してください。(500文字まで)"></textarea>

<textarea name="txa01" required></textarea>

未入力だと、送信時にチェックがかかります。