webの授業 本日のメニュー

webデザイナー応用制作ユニット

お問い合わせフォームの作成

今日はお問い合わせフォームの作り方を学びました。
まずは、名前や電話番号、メールアドレスを入力するテキストエリアは
input type="text" name="name" id="name" value="" size="20"

お問い合わせ内容の選択をしてもらうプルダウンメニューは
option value="選択してください" selected="selected"

連絡方法を選択して、ボタンにチェックしてもらうには
input type="radio" name="contact" id="contact1" value="メール" size="20"

何で知ったかをチェックしてもらう(複数選択可)ボタンは
input type="checkbox" name="etc" id="etc" value="その他"

自由記入欄は
textarea name="free" id="free" cols="25" rows="5"

送信ボタンは
input type="submit" name="submit" id="submit" value="送信"
リセットボタンは
input type="reset" name="reset" id="reset" value="リセット"

他には、ラベル定義。
ラベル定義する際は、既出のid名と同一のものにしないとラベルとして機能しなくなるので注意!

教科書をなぞっていると簡単に作れるような錯覚に陥ります（笑）
コノ現象にあぐらをかかぬよう、復習していこうと思います＾＾