無料ホームページ作成!HTML
フォーム・文章用テキストボックス

無料ホームページ作成!HTML・フォーム
文章用テキストボックス(TEXTAREA要素)

ホームページで文章用のテキストボックスの作成

TEXTAREA要素 (インライン)

textarea要素は文章用のテキストボックスを作る要素です。掲示板などの内容を書き込む場合などinput要素のテキストボックスでは書ききれませんのでこのtextarea要素を使います。

<textarea>タグの使い方

HTMLソース

<form action="url">
 <textarea name="mihon" cols="30" rows="5">30文字、5行のテキストボックス
 </textarea>
</form>
 
結果

cols属性で横幅(30個の半角文字の幅)rows属性で5行と指定しています。

TEXTAREA要素で宣言できる属性

属性名 値 概要
name 文字 データの題名
cols 数字 横幅を1行に入る半角文字数で指定
rows 数字 行数の指定
accesskey キー名 指定したキーを押すだけで選択できるようになる
ショートカットキーの指定
tabindex 数字 tabキーで移動する順番の指定

name、cols、rows属性は必ず記述しましょう。
タグの間に記述した文章はテキストボックス内に表示されますので書き込まなくても大丈夫です。

無料ホームページ作成!メニュー

HTML

基本

HEAD要素内

文章

画像

リンク

リスト

表

フォーム

グループ

フレーム

その他

リンクについて|お問い合わせ
無料ホームページ作成!HTML&CSS