textarea - 複数行のテキスト入力ボックス

マルチラインのテキスト編集コントロールを生成します。

textarea要素のブラウザ別サポート状況

- ie6 ie7 ie8 ie9 firefox4 chorme safari5 opera10
textarea

textarea要素のHTML4からHTML5への変更点

HTML5では新たにautofocus属性・form属性・maxlength属性・placeholder属性・required属性・wrap属性が追加されました。

コンテンツ属性

グローバル属性 すべての要素で共通に使える属性。HTML5で新たに定義された属性もあります。
autofocus 自動フォーカス
初期画面でフォーカスさせるものに1つ指定可
cols 一行あたりの文字数(初期値は20)
disabled 無効化
form フォームと関連付けるid名を指定
maxlength 入力可能な最大文字数
文字のカウントはバイト数ではなく、文字数(全角文字でも半角文字でも1文字)
name フォーム・コントロールの名前
placeholder 一時的な初期値
※長いヒントや他の助言テキストには、title属性の方が適切
readonly 読み取り専用
required 必須化
rows 行数(初期値は2)
wrap 入力テキストの改行ルール
・soft
・hard

「基本」のサンプル

HTMLコード

<textarea name="example">
</textarea>

プレビュー

対応していないブラウザでは正しくプレビューされません。

別ウィンドウで「基本」のサンプルプレビューを確認

「応用」のサンプル

HTMLコード

<textarea name="example" placeholder="入力してください" wrap="soft" cols="10" rows="5">
</textarea>

プレビュー

対応していないブラウザでは正しくプレビューされません。

別ウィンドウで「応用」のサンプルプレビューを確認

原文(英語):(http://www.w3.org/TR/2009/WD-html5-20090423/forms.html#the-textarea-element)