 |
|
   
|
|
|||||||||||||||||||||||||||||||||||
| 入力フォーム | |
| ここから、ここまでがフォームの範囲ですという意味のタグです。 ＜/form＞があるところでフォーム範囲が終わります。必ずこの初めの＜form ....＞と ＜/form＞の間に各タグを入れていきましょう。メール送信フォームの場合は、「送信」や「リセット」のボタンの後が＜/form＞になるといっていいでしょう。 "http://www.○○.com/form/form.cgi"の部分にどのCGIを使うのかという意味でCGIのアドレスを入力します。 "post" は送信の方法です。他に"get"もあります。 <form action="http://www.○○.com/form/form.cgi" method="post">〜</form> |
| テキスト入力＜1行＞ | |
| ユーザに文字を入力してもらうテキストボックスを作るタグです。 文字数や、エリアの長さを指定する事もできます。 input type="text"・・・テキストボックスであるという意味。 name="名前" ・・・テキストボックスの項目名。 size="30" ・・・横の長さ＜半角文字数＞。省略すると20。 maxlength="50" ・・・最大何文字入るか。 名前<input type="text" name="ふりがな" size="30" maxlength="50"> 名前 |
| テキスト入力＜複数行＞ | |
| ユーザに文字を入力してもらうテキストボックスを作るタグです。複数行の「ご意見」や「備考」の欄にはこのタグを使うとよいでしょう。 textarea name="ご意見欄" ・・・テキストボックスの項目名。 cols="30" ・・・横の長さ＜半角文字数＞。 rows="5" ・・・縦の長さ＜行数＞。 ご意見 ・・・サンプル文字はここにいれます。 <textarea name="ご意見欄" cols="30" rows="5">ご意見</textarea> |
| チェックボックス | |
| ユーザーに、あらかじめ用意した選択肢からあてはまるものを、複数チェックしてもらう事のできるタグです。 input type="checkbox" ・・・チェックボックスであるという意味。 name="趣味" ・・・選択肢群の名前。 value="釣り" ・・・チェックを入れた時の値。 checked・・・最初からチェック済にしておきたい場合は指定。 <input type="checkbox" name="趣味" value="釣り" checked> 釣り <input type="checkbox" name="趣味" value="テニス" > テニス <input type="checkbox" name="趣味" value="スキー" > スキー 釣り テニス スキー |
| ラジオボタン | |
| ユーザーに、あらかじめ用意した選択肢からあてはまるものを、1つだけチェックしてもらう事のできるタグです。チェックするたびに前のチェックは消えます。 input type="radio" ・・・ラジオボタンであるという意味。 name="性別" ・・・選択肢群の名前。 value="男性" ・・・チェックを入れた時の値。 checked ・・・最初からチェック済にしておきたい場合は指定。 <input type="radio" name="性別" value="男性" checked> <input type="radio" name="性別" value="女性" > 男性 女性 |
| プルダウンメニュー | |
| 年令や、都道府県など選択肢の量が多い場合、表示スペースが少ない場合等に便利です。選択できる項目は1つです。 select name="職業"・・・選択肢群の名前。 <option>学生</option> ・・・選択した時の値。同じ形式で入力すると項目が増えます。 </select> ・・・選択肢群の終わりをこのタグでとじます。 <select name="職業"> <option>学生</option> <option>会社員</option> <option>主婦</option> <option>フリーター</option> <option>その他</option> </select> |
| リストメニュー | |
| 年令や、都道府県など選択肢の量が多い場合、表示スペースが少ない場合等に便利です。プルダウンメニューと同じですが、表示サイズを指定する事でスクロール型に変わり、複数選択もできます。 select name="好きな色" ・・・選択肢群の名前。 size="7" ・・・縦の長さ＜行数＞。 multiple ・・・つけると複数選択が可能。 <option>赤 色</option> ・・・選択した時の値。同じ形式で入力すると項目が増えます。 </select> ・・・選択肢群の終わりをこのタグでとじます。 <select name="好きな色" size="7" multiple> <option>赤色</option> <option>青色</option> <option>黄色</option> <option>緑色</option> <option>白色</option> <option>黒色</option> </select> |
| 送信・リセットボタン | |
| フォームの最後につけるボタンです。ホームページ作成ソフト等でボタンを作成した場合、<input type="reset" value="リセット" name="リセット">このように[name]が入るようですが、削除しても問題はありません。 input type="submit" ・・・送信ボタンであるという意味。 value="送信"・・・ボタン名前。 value="おくる"・・・ボタン名前。 input type="reset" ・・・リセットボタンであるという意味。 value="リセット" ・・・ボタンの名前。 value="やめる"・・・ボタン名前。 <input type="submit" value="送信"> <input type="reset" value="リセット"> |
