HTML のテキストエリア:
<textarea rows="4" cols="50">
At w3schools.com you will learn how to make a website. We offer free
tutorials in all web development technologies.
</textarea>
Try it Yourself ❯
<textarea> タグは複数行のテキスト入力コントロールを定義します。
テキストエリアには、文字数の制限を設定することができる。また、テキストは固定幅フォント(通常は Courier)でレンダリングされます。
テキストエリアのサイズは、cols と rows 属性、またはによって指定することができますが、CSS の height と width プロパティを使用した方が良いでしょう。
要素 | |||||
---|---|---|---|---|---|
<textarea> | Yes | Yes | Yes | Yes | Yes |
HTML5には、いくつかの新しい属性が追加されました。
= HTML5 で新規追加。
属性 | 値 | 説明 |
---|---|---|
autofocus | autofocus | ページをロードする時に、テキストエリアが自動的にフォーカスを取得するように指定する |
cols | number | テキストエリアの表示幅を指定する |
dirname | textareaname.dir | 送信するときの、テキストエリアのテキスト方向を指定する |
disabled | disabled | テキストエリアを無効にする |
form | form_id | テキストエリアが属する 1 つ以上のフォームにを指定する |
maxlength | number | テキストエリアへの入力できる最大文字数を指定する |
name | text | テキストエリアの名前を指定する |
placeholder | text | テキストエリアの期待する値を説明する短いヒントを指定する |
readonly | readonly | テキストエリアをリードオンリーにすることを指定 |
required | required | テキストエリアが必須入力でることを指定する |
rows | number | テキストエリアに表示する行数を指定する |
wrap | hard soft |
フォームにおける、テキストエリア内のテキストを送信する際にどのようにラップするかを指定する |
<textarea> タグは、HTML のグローバル属性もサポートします。
<textarea> タグは、HTML のイベント属性もサポートします。
HTML DOM リファレンス:Textarea オブジェクト
CSS チュートリアル:Styling Forms
なし。