[MyTools.NET / Appendix / Form Tag]

◆ 付録：FORMタグ解説

■ 目次

基本

<FORM METHOD="post" ACTION="hoge.cgi">
　　　：
　　　： （この部分に入力タグを入れる）
　　　：
<INPUT TYPE="submit" VALUE="送る">
<INPUT TYPE="reset" VALUE="書き直す">
</FORM>

<FORM>タグのパラメータ：
・METHOD … 送信方法（POST→標準入力、GET→環境変数）
・ACTION … 入力を受け取るCGIプログラムのURL

（submit, reset は入力タグで解説。）

[index]

入力タグ

※ 「パラ」… パラメータ（タグの中に書く属性値）
■ テキスト [text]
表示 URL
HTML URL<INPUT TYPE="text" NAME="hoge" SIZE="40" VALUE="http://">
解説 自由に文字を書きこむためのフォーム。改行は入力できない。
パラ SIZE…横幅
VALUE…最初から入力されている文字
用途 名前、メールアドレス、ＵＲＬなど

■ ラジオボタン [radio]
表示 男 女
HTML 男<INPUT TYPE="radio" NAME="hoge" VALUE="M" CHECKED>
女<INPUT TYPE="radio" NAME="hoge" VALUE="F">
解説 同じNAME間で択一式のボタン。選択したボタンのVALUEの値が送信される。
上の例の場合は「男」の方を選択すると「M」が送られる。
パラ VALUE…選択時に送られる値
CHECKED…最初から選択状態にしておく
用途 性別、職業など

■ チェックボックス [checkbox]
表示 青 赤 黄
HTML 青<INPUT TYPE="checkbox" NAME="hoge" VALUE="BLUE, " CHECKED>
赤<INPUT TYPE="checkbox" NAME="hoge" VALUE="RED, ">
黄<INPUT TYPE="checkbox" NAME="hoge" VALUE="GREEN, ">
解説 同じNAME間で複数選択できるボタン。選択したボタンのVALUEの値が送信される。
パラ VALUE…選択時に送られる値
CHECKED…最初から選択状態にしておく
用途 好きなもの、嫌いなもの、趣味など

■ リスト [SELECT, OPTION]
表示 誕生日：
HTML 誕生日：<SELECT NAME="hoge" SIZE="1">
<OPTION VALUE="1">１月
<OPTION VALUE="2" SELECTED>２月
<OPTION VALUE="3">３月
</SELECT>
解説 プルダウン式メニューを作る。
OPTIONのVALUEを省略すると、横にある文字がそのまま送られる。
パラ SIZE…表示する行数（SELECTタグ内）
MULTIPLE…複数選択を可にする（SELECTタグ内）
VALUE…選択時に送られる値<（OPTIONごとに指定）
SELECTED…最初から選択状態にしておく（OPTIONごとに指定）
用途 日付、曜日など

■ 複数行テキスト [TEXTAREA]
表示
HTML <TEXTAREA COLS="30" ROWS="3">hello</TEXTAREA>
解説 文章を自由に書き込むフォーム。改行も入力できる。
閉じタグとの間に最初から表示しておくテキストを書く。
パラ COLS…横幅
ROWS…行数
用途 掲示板の書き込みなど

■ 送信ボタン [submit]
表示
HTML <INPUT TYPE="submit" VALUE="送信">
解説 このボタンを押すと、入力された内容がFORMタグのACTIONで指定したCGIプログラムに送信される。
パラ  
用途 全てのFORMに必要

■ リセットボタン [reset]
表示
HTML <INPUT TYPE="reset" VALUE="書き直す">
解説 このボタンを押すと、入力された内容が全てクリアされる。
パラ  
用途 全てのFORMにあったほうがよい

[index]

サンプル

面倒なので割愛。
あとは色々なページのフォームのソースを見て勉強してください。

[index]

[MyTools.NET / Appendix / Form Tag]