フォームの基本・・・・・・・・・・・・・・・・・・

HTMLファイルの中にフォームタグ<form></form>でくくる範囲を作り、その中にいろいろなタグ(テキストエリアやラジオボタン等)を入れ込みます。
送信はsubmitボタンで、リセットはresetボタンで行います。

<html>
<head><title></title></head>
<body>
 ・
 ・
<form method="post" action="XXXXXXXXX.cgi" >
 ・
いろいろなフォームタグ
 ・
<input type="submit" name="Submit" value="送信" >
<input type="reset" name="Reset" value="リセット" >
</form>
 ・
 ・
</body>
</html>

※ XXXXXXXXX は使用するCGIの名前


フォームタグ・サンプル集 ・・・・・・・・・・・・・・・・・・

テキストフィールド・テキストエリア
<input type="text" name="お名前" size="20">
<input type="text" name="会社名" size="40">
<input type="text" name="住所" size="60">
<textarea name="メッセージ" rows="3" cols="30">メッセージがここに入ります</textarea>
<textarea name="メッセージ" rows="5" cols="50">メッセージがここに入ります</textarea>
 パスワード <input type="password" name="パスワード" size="10">

ラジオボタン・チェックボックス
男性 女性 (どちらか一つ) <input type="radio" name="性別" value="男性" checked> 男性
< input type="radio" name="性別" value="女性">女性
りんご
バナナ
みかん  (いくつも選べます)
すいか
ぶどう
<input type="checkbox" name="好きな果物" value="りんご">
<input type="checkbox" name="好きな果物" value="バナナ">
<input type="checkbox" name="好きな果物" value="みかん">
<input type="checkbox" name="好きな果物" value="すいか">
<input type="checkbox" name="好きな果物" value="ぶどう">

セレクト
<select name="行き先">
<option value="東京">TOKYO</option>
<option value="大阪" selected>OSAKA</option>
<option value="京都">KYOTO</option>
<option value="福岡">FUKUOKA</option>
(単一選択) <select name="乗り物" size="3">
<option value="飛行機" >飛行機</option>
<option value="新幹線" >新幹線</option>
<option value="フェリー" >フェリー</option>
<option value="自家用車" >自家用車</option>
(複数選択可) <select name="乗り物" size="3" multiple>
<option value="飛行機" >飛行機</option>
<option value="新幹線" >新幹線</option>
<option value="フェリー" >フェリー</option>
<option value="自家用車" >自家用車</option>