HTMLで書いてみよう!
(フォーム編)
フォーム編では、フォームの説明をします。



・フォームとは?
    ホームページでアンケートをとる場合などに使用します。一般的にはCGIと組み合わせて利用します。したがって、CGIを使用しない場合には、あまり意味がありません。



・フオームの構造

    値を入力するフィールドと、送信、取消ボタンから構成されるのが一般的です。

    <FORM ACTION="mailto:yutakayutaka@yahoo.co.jp" METHOD="POST">
    おなまえ
    <INPUT TYPE="text" NAME="name" VALUE="YUTAKA" SIZE=40><BR>
    <INPUT TYPE="submit" VALUE="送信">
    <INPUT TYPE="reset" VALUE="取消">
    </FORM>
    
    ★<FOM ACTION="url" METHOD="POST">で特定のCGIを実行できます。<FOM ACTION="mailto:e-mail" METHOD="POST">にすればメール発信ができます。


    結果は以下のようにになります。

    おなまえ




・テキスト入力
    <FORM>
    テキスト入力<BR>
    <INPUT TYPE="text" NAME="text1" VALUE="YUTAKA" SIZE=40><BR>
    パスワード入力<BR>
    <INPUT TYPE="password" NAME="password1" VALUE="YUTAKA" SIZE=40><BR>
    テキスト入力(複数行)<BR>
    <TEXTAREA NAME="textarea1" ROWS=10 COLS=40>
    ここにテキストを自由に入力できます。
    </TEXTAREA><BR>
    </FORM>
    


    結果は以下のようにになります。

    テキスト入力

    パスワード入力

    テキスト入力(複数行)





・選択
    <FORM>
    ラジオボタン<BR>
    <INPUT TYPE="radio" NAME="radio1" VALUE="1">選択肢1
    <INPUT TYPE="radio" NAME="radio1" VALUE="2">選択肢2
    <INPUT TYPE="radio" NAME="radio1" VALUE="3" CHECKED>選択肢3<BR>
    チェックボックス<BR>
    <INPUT TYPE="checkbox" NAME="checkbox1" VALUE="1">選択肢1
    <INPUT TYPE="checkbox" NAME="checkbox1" VALUE="2">選択肢2
    <INPUT TYPE="checkbox" NAME="checkbox1" VALUE="3" CHECKED>選択肢3<BR>
    選択<BR>
    <SELECT NAME="select1">
    <OPTION VALUE="1">選択肢1
    <OPTION VALUE="2">選択肢2
    <OPTION VALUE="3" SELECTED>選択肢3
    </SELECT><BR>
    選択(複数行)<BR>
    <SELECT NAME="select2" SIZE=2>
    <OPTION VALUE="1">選択肢1
    <OPTION VALUE="2">選択肢2
    <OPTION VALUE="3" SELECTED>選択肢3
    </SELECT><BR>
    </FORM>
    


    結果は以下のようにになります。

    ラジオボタン
    選択肢1 選択肢2 選択肢3
    チェックボックス
    選択肢1 選択肢2 選択肢3
    選択

    選択(複数行)





・ボタン
    送信<BR>
    <INPUT TYPE="submit" NAME="1" VALUE="送信1">
    <INPUT TYPE="submit" NAME="2" VALUE="送信2">
    <INPUT TYPE="submit" NAME="3" VALUE="送信3"><BR>
    取消<BR>
    <INPUT TYPE="text" SIZE=10>
    <INPUT TYPE="reset" VALUE="取消"><BR>
    </FORM>
    


    結果は以下のようにになります。

    送信

    取消






ホームページへ戻る