テキストエリア（textarea）タグ

タグ textarea は、HTMLフォームで使用するための 複数行入力フィールドを作成します。

タグ input とは異なり、 textarea では Enter キーで区切られた 複数行のテキストを入力することができます。

タグ textarea は、タグ form の内部に 配置する必要があります。これは必須ではありませんが、サーバーへデータを送信し、 PHPなどを通じて後で処理するためには必要です。

デフォルトでは、ユーザーは textarea タグの右下隅を ドラッグすることでサイズを変更できます。この動作は、 CSSプロパティ resize を使用して 変更することが可能です。

例 . 基本的なテキストエリア

タグ textarea がどのように動作するか見てみましょう:

html<textarea></textarea>

Результат:

例 . デフォルトテキスト

タグ textarea にデフォルトのテキストを追加してみましょう。 タグ input とは異なり、 textarea タグには value 属性を 設定するのではなく、開始タグと終了タグの間にデフォルトテキストを 記述することに注意してください:

html<textarea>何らかのテキスト</textarea>

Результат:

例 . 余分な空白文字

開始タグと終了タグを異なる行に分けて記述すると、 結果としてこの入力フィールドに不要な 空白が現れることに注意してください （対処法：異なる行に分けないでください）:

html<textarea>
  何らかのテキスト
</textarea>

Результат:

例 . テキストエリアのプレースホルダー

次に、タグ textarea に プレースホルダー placeholder を 追加してみましょう:

html<textarea placeholder="ヒントです"></textarea>

Результат:

関連項目