テキストエリア（textarea）の作成

◎ 複数行のテキスト入力領域を作成する

ホームページやブログの限られたスペースを有効活用するよう、複数行のテキスト入力領域（テキストエリア）を作成を作成してみましょう。

▼ textarea（テキストエリア）のサンプル

▼ textarea（テキストエリア）のサンプルソース <form name="textarea1" id="textarea1"> <textarea name="text1" rows="7" cols="50" id="text1" readonly>テキストエリアの内容 </textarea> </form> ○属性の説明 　※ rows ⇒ 横の長さ指定 　※ cols ⇒ 行数を指定 　※ readonly ⇒ 内容を変更できないようにする

ブログなどでは、コメント欄など、フォーム要素が複数使われている場合が多いので、name="textarea1" id="textarea1" の属性値は、他のフォーム要素とダブらないものを指定する。

横幅と行数を指定する属性値（rows、cols）はスタイルシートで指定することもできます。

▼ textarea（テキストエリア）のサンプル（スタイルシート指定）

▼ textarea（スタイルシート指定）のサンプルソース <form name="textarea2" id="textarea2"> <textarea name="text1" style="width:420px;height:150px;" readonly>テキストエリアの内容</textarea> </form> 　※ width:420px; ⇒ テキストエリアの横幅 　※ height:150px; ⇒ テキストエリアの縦幅

▼ 関連する記事
　※ テキストボックス風のオブジェクトを作る