textarea とは
- ここで説明する textarea とは次の語句からなるHTMLの要素です。
- text
- 読み: テキスト
意味: 文字情報 - area
- 読み: エリア
意味: 範囲、領域
textarea 要素の概要
この要素は、複数行にわたるテキストを編集するためのコントロールを提供します。
この要素の特徴として多くのブラウザーでは、コントロールの大きさの変更することができます。 右端の隅にドラッグ用のハンドルがあり、ユーザーが要素の表示領域を自由に操作できます。 これは CSS の resize プロパティで制御されています。プロパティの既定値では表示領域を可変できますが、none キーワードを使用することで明示的に無効にすることができます。
この要素の類似要素として、 input要素のtext型 があります。これは単一行のテキストを編集するために使用される要素であり、短いテキストの編集や入力をすることに向いています。
この要素には、開始タグと終了タグが必要です。
<textarea> </textarea>
サンプルコードと実行結果
このサンプルでは、textarea 要素をシンプルに表示してみました。 CSS に関しても resize プロパティの値は既定値であるbothを掲載しておきます。
サンプルコード: CSS
<style>
textarea{
resize: both;
}
</style>
サンプルコード: HTML
<body>
<textarea cols="30" rows="5">これはテキストのサンプルです。要素に内包されたテキストが編集欄に表示されます。
</textarea>
</body>