初心者大歓迎！HTMLを使って一緒にHP作成してみませんか？

　「今回やるのはこれじゃ。」

　「これはコメントを入力するときなどによく使うのぅ。」


　「これって、前回の　入力欄（1行）を作ろう　のタグに
　　　　高さを指定するだけでいいんですか？」


　「いいや、また新しいタグが出てくるぞぃ。
　　　　こんなタグを使うんじゃ。」




　入力欄（複数行）を作るタグ
-----------------------------------------------------------------


　<TEXTAREA>　〜　</TEXTAREA>　：　〜に複数行の入力欄を作る。



　name="■"　：　入力欄に■と名前をつける。

　　　　　　　　　　　（●には自分でわかりやすい名前を入れる）


　cols="▲"　rows="◆"　：　入力欄の幅を▲、高さを◆にする。

　　　　　　　　　　　　　　　　　　　（▲、◆には数字を入れる）


　wrap="●"　：　改行方法を●に指定する。

　　　　　　　　　　（●には　soft,hard,off　を入れる）


-----------------------------------------------------------------



　「今回はちゃんと終了タグがあるんですね。」


　「うむ。2番目以下からは　<EXTAREA>〜<TEXTAREA>　の
　　　　開始タグに入れるぞぃ。」


　「一番下の改行方法ってなんですか？」


　「これはのぅ。
　　　　コメントが長くなって入力欄の一番右端に来たとき
　　　　カーソルが勝手に下の行に移るじゃろぅ？
　　　　これをメールで受け取ったときに、改行して表示するかどうかを指定するんじゃ。

　　　　soft　→　ブラウザでは改行、メールでは改行しない。

　　　　hard　→　ブラウザでもメールでも改行する。

　　　　soft　→　ブラウザでもメールでも改行しない。

　　　　ということじゃ。
　　　　では実際に使ってみるぞぃ。」

　「ではブラウザで見てみるぞぃ。」

　「あれ？今回は入力欄にあらかじめ入力したい文字を
　　　　<TEXTAREA>〜</TEXTAREA>　の間に入力するだけなんですね。」


　「そうじゃ。
　　　　前回は　value="■"　というのを使ったのぅ。」


　「今回の方が簡単でいいや。
　　　　それから、3番目のコメント欄、
　　　　cols="10" rows="10"　だから、縦横同じ長さになると思った･･･。」


　「ふむ。これは長さではなく　文字数　を指定するんじゃよ。
　　　　縦に何文字、横に何文字入るかを指定するんじゃ。
　　　　しかも半角英数字で、じゃから、縦横同じ文字数にすると
　　　　どうしても縦に長くなってしまうんじゃよ。」


　「そっかぁ。半角英数字って縦長ですもんね。」


　「うむ。では、実際に送信したメールを見てみようかのぅ。
　　　　あらかじめ入力してある文字をそのままで送信するぞぃ。」

　「自分で入力欄の大きさや改行の指定方法をいろいろ変えてみて
　　　　どうなるか試してみるとよいぞぃ。
　　　　今回はこれでおしまいじゃ。」





↑ページのTOPへ

入力欄（1行）を作ろう <<<　前のページへ戻る

ラジオボタンを作ろう 次のページへ進む　>>>

サルでもわかる？かんたんHTML　トップページ 　>>>　＃８．フォーム 　>>>　入力欄（複数行）を作ろう