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