<textarea>: TEXTAREA 要素
最終更新：2026-10-13
<textarea>TEXTAREA 要素
複数行のプレーンテキスト入力欄です。コメント・メッセージ・コードに最適です。
| カテゴリ | フォーム |
|---|---|
| コンテンツモデル | フローコンテンツ |
| 許可される親要素 | フローコンテンツを受け入れる要素 |
| 閉じタグ | 必要 </textarea> タグ |
| ステータス | 標準 |
📝 構文
<textarea name="msg" rows="4" cols="50">既定のテキスト</textarea>⚙️ 属性
この要素はグローバル属性に加え、以下の属性をサポートします：
| 属性 | 値 | 説明 |
|---|---|---|
name | Field name sent to the server. | |
rows | Number of visible rows. | |
cols | Number of visible columns (width). | |
placeholder | Hint shown when empty. | |
required | Must be filled before submit. | |
maxlength | Maximum number of characters. | |
readonly | Read-only, not editable. | |
disabled | Disables the field. | |
wrap | Wrapping: soft or hard. |
▶ サンプル
下のコードを編集して、playground でリアルタイム結果を確認：
🌐 ブラウザサポート
| ブラウザ |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <textarea> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| すべての主要ブラウザでサポート | |||||
ヒント： 既定値は value 属性ではなくタグの間に書きます。
❓ よくある質問
Qtextarea のサイズはどう設定しますか？
A2つの層面があります。初期サイズは
rows と cols 属性（行数と列幅）、ドラッグでのリサイズ可否は CSS の resize で制御します（none で禁止、vertical で縦方向のみ、both で自由）。現代のレイアウトでは width/height の CSS で直接サイズを決めるのが一般的です。Qtextarea の初期値はどこに書きますか？
A開始タグと終了タグの間に書きます：
<textarea>初期内容</textarea>。value 属性は持ちません（input と違う点です）。placeholder 属性は使えます。JS で現在値を読むには textarea.value を使います。Qtextarea は入力文字数を制限できますか？
Aできます。
maxlength 属性でハードリミット（超えた分は入力不可）、minlength で最短文字数の検証ができます。注意点として、maxlength は文字数（改行も含む）で数えるため、バックエンドのバイト数制限と一致しないことがあります。フロントとバックエンドでルールを揃えましょう。🏷️ 関連タグ
💡 関連ケース
今後さらにケーススタディを追加予定です。
📚 関連チュートリアル
