HOME ＞ HTMLリファレンス [ABC順 / 目的別] ＞ <FORM>
<FORM>
入力フォームを設定する
ショートカット
形式 ・ 説明
<FORM action="CGIのURL"> 〜 </FORM>
- <INPUT>、<SELECT>、<TEXTAREA>、<BUTTON>、<FIELDSET>、<LABEL> などを
<FORM>〜</FORM>の中に入れて使う。 - 入力フォームは、文章入力、値選択、送信などの用途に使用される。
実際にどんな入力フォームができるのか詳しくはそれぞれの要素で。
タグの形式
- 省略不可 （ 開始タグ ： 必須 / 終了タグ ： 必須 ）
<FORM>〜</FORM>の中で使える要素
- インライン要素 / ブロック要素
- <FORM>〜</FORM>をのぞく（入れ子にできない）
重要な属性
action="URL"
- 送信先プログラムやCGIスクリプトの URL 、メールアドレスを指定する。
- メールアドレスを指定すると、フォームの内容をメールで受け取ることができる。
action="mailto:メールアドレス" - HTML 4.01 では必須の属性。必ず指定すること。
method="送信方法"
- サーバへのデータ送信の送信方法（HTTPメソッド）を get （デフォルト） / post で指定。
その他フォームに関する属性
- enctype="MIMEタイプ" ・・・ method="post" のときの送信のデータ形式（MIMEタイプ）を指定。
- デフォルトは、application/x-www-form-urlencoded
- <INPUT type="file"> のとき、 multipart/form-data （MIME形式で送信）を指定。
- accept-charset="文字セット" ・・・ 使用可能な文字セットを指定。（ , か スペース で区切って）
- accept="MIMEタイプ" ・・・ 処理可能なMIMEタイプを指定。（ , で区切って指定）
- target="ターゲット" ・・・ フォーム送信の結果を表示するウィンドウ（フレーム）名を指定。
- name="名前" ・・・ スクリプト言語などから参照できるようそのフォームの名前を指定。
属性
使用例
HTMLソース
<FORM action="cgi-bin/xxx.mail.cgi" method="post"> 名前：<INPUT type="text" name="namae" size="40"><BR><BR> 性別： <INPUT type="radio" name="sex" value="male">男 <INPUT type="radio" name="sex" value="female">女<BR><BR> 血液型： <SELECT name="blood"> <OPTION value="A">A型</OPTION> <OPTION value="B">B型</OPTION> <OPTION value="O">O型</OPTION> <OPTION value="AB">AB型</OPTION> </SELECT><BR><BR> ご感想：<BR> <TEXTAREA name="kanso" rows="6" cols="30"></TEXTAREA><BR><BR> <INPUT type="submit" value="送信"><INPUT type="reset" value="リセット"> </FORM>
解説
- 以下のサンプルは送信できません。
- 「送信フォーム」用としてではなく普通のHTMLでも使えるので、デザイン的な観点で使ってもいいかも...
その場合でも 忘れずに入力欄全体を<FORM> 〜 </FORM>でかこむこと。
（ブラウザによっては表示されなかったりただの文となるらしい？） - ボタンや入力フォームは、スタイルシートでデザインを自分好みのに変えることができる。
（枠線はborder: 〜 ;、背景色はbackground-color: 〜 ;、文字色はcolor: 〜 ;など）
（IEやNN6〜のみ。NNはデフォルトが可愛くない...）
