<テキストエリア>
HTML <textarea> タグ
インスタンス
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <textarea rows="10" cols="30"> 我是一个文本框。 </textarea> </body> </html>
インスタンスの実行»
[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します
ブラウザのサポート
すべてのメジャーすべてのブラウザが <textarea> タグをサポートしています。
ラベルの定義と使用方法
<textarea> ラベルは複数行のテキスト入力コントロールを定義します。
テキスト領域には無制限の量のテキストを含めることができ、テキストのデフォルトのフォントは固定幅フォント (通常は Courier) です。
cols 属性と rows 属性を使用してテキストエリアのサイズを指定できますが、より良い方法は CSS の高さ属性と幅属性を使用することです。
HTML 4.01とHTML5の違い
HTML5では、いくつかの新しい属性が追加されています。
属性
New: HTML5 の新しい属性。
Property | Value | Description |
---|---|---|
autofocusNew | autofocus | は、ページが読み込まれるときにテキスト領域が自動的にフォーカスを取得することを指定します。 |
cols | number | テキスト領域に表示される列の数を指定します。 |
disabled | disabled | は、テキスト領域が無効であることを指定します。 |
formNew | form_id | テキスト領域が属する 1 つ以上のフォームを定義します。 |
maxlengthNew | number | テキスト領域に許可される最大文字数を指定します。 |
name | text | テキスト領域の名前を指定します。 |
placeholderNew | text | テキスト領域の予期される入力値を説明する短いヒントを指定します。 |
readonly | readonly | は、テキスト領域が読み取り専用であることを指定します。 |
requiredNew | required | は、テキスト領域が必須/必須であることを指定します。 |
rows | number | テキスト領域に表示される行数を指定します。 |
ラップ新しい | ハード Soft | は、フォームの送信時にテキスト領域内のテキストをどのように折り返すかを指定します。 |
グローバル属性
<textarea> タグは HTML グローバル属性をサポートします。
イベント属性
<textarea> タグは HTML イベント属性をサポートします。
関連記事
HTML DOM リファレンスマニュアル: Textarea オブジェクト