9：

フオーム

ユーザーにアンケートを取ったり、作者への伝言、商品の発注など、ユーザーに入力をしてもらうページを作成する為のタグです。但しここで作ったフォームに書き込んだだけでは処理はできません。処理するためには、CGIなどのプログラムを作成する必要があります。詳しくはこちらへ。

<FORM>...</FORM>

フォームを定義する

まずここからフォームである事を指定し、ここまでがフォームであることを指定します。

ACTlON=URL　フォームの結果を処理するスクリプトのロケーション（URL）

ここで書いてもらった内容(データ)をプログラムに渡す為に、そのプログラムのパスを指定します。

METHOD=method 　フォーム入力を送るメソッド（methodの値は、GETまたはPOST)

書き込んだデータをどのようにプログラムに渡すかを決めます。

GETでは、データがURLの末尾で送られ、受け取るCGIでは、環境変数QUERY_STRINGに設定される。POSTではブロックとしてプログラムに送ります。受け取るCGIは環境変数CONTENT_LENGTHに設定される。通常はPOSTを利用します。

<INPUT>

フォームの入力領域を作成する

実際にフォームのデータ入力部分を作るタグです。

<INPUT TYPE="Type">

フォーム入力のタイプを現します。

このTypeを記入する事で、そのボタンの形や役割が決まります。

<INPUT TYPE="TEXT">

単一行テキスト入力

ユーザーに文字や文章などを入力してもらうエリアを作ります。

<INPUT TYPE="CHECKBOX">

チェックボックス

ユーザーにチェックしてもらう為のボックスを作ります。

<INPUT TYPE="CHECKBOX" NAME="Check1"> チェックボックス１<BR>

<INPUT TYPE="CHECKBOX" NAME="Check2"> チェックボックス２<BR>

<INPUT TYPE="CHECKBOX" NAME="Check3"> チェックボックス３<BR>

チェックボックス１

チェックボックス２

チェックボックス3

<INPUT TYPE="RADIO">

ラジオボタン

ユーザーに選択してもらう為のタグです。チェックボックスは複数選択できますが、ラジオボタンは、一つしか選択できません。また、最初にチェックされているボタンをどれか一つ作っておけます。その為にはCHECKEDを付けます。

<INPUT TYPE="RADIO" NAME="Radio1" VALUE=1 CHECKED> ラジオボタン１<BR>

<INPUT TYPE="RADIO" NAME="Radio2" VALUE=2> ラジオボタン２<BR>

<INPUT TYPE="RADIO" NAME="Radio3" VALUE=3> ラジオボタン３<BR>

ラジオボタン１

ラジオボタン2

ラジオボタン3

<INPUT TYPE="PASSWORD">

パスワード入力

パスワードを入力してもらうボックスですので、表示はすべて*になります。

<INPUT TYPE="FILE">

ユーザーがファイルを付加できるようにする（HTML3）

ユーザーがファイルを添付して送る時のボックスです。

<FORM ENCTYPE="multipart/form-date" >と共に利用します。

<INPUT TYPE="TEXT" SIZE="n">

一行のテキスト入力

ユーザーに一行の文章を入力してもらうためのボックスです。

大きさはで決ます。

<INPUT TYPE="TEXT" SIZE="50">でこれくらい

<INPUT TYPE="TEXT" SIZE="100">でこれくらい

<INPUT TYPE="SUBMIT">

フォーム入力をサブミットするボタン

送信用ボタンです。このボタンをクリックすると、データが送られます。

<INPUT TYPE="RESET">

フォーム入力をリセットするポタン

書き直しのボタンです。書き込んだデータはすべてクリアされます。

<INPUT TYPE="SUBMIT" SRC=graphic filename>

IMAGE、SCRIBBLE、SUBMIT、RESETのイメージファイル名を指定する。

ボタンに自作のGIF画像等を使う時に利用する属性です。

<INPUT TYPE="HIDDEN">

不可視の入力

CGIなどで、フォームデータを受け渡しするときに利用します。

その他の属性：（上記に既に出てきた属性も含む）

NAME="name"

スクリプトに示されているこの入力変数の名前（フォームには表示されない）これは後からCGIなどでその情報参照する為に必ず名前を付けておきます。

VALUE="text"

ボタンに書き込む文字列です。送信、送る　など自由に付けることができます。

SIZE=n

テキスト入力エリアなどの大きさを決めます。

ACCEPT="text"

受け人れ可能なファイルの範囲の限界

IMAGE イメージ上のユーザーがクリックした位置に関する情報を戻します（HTML3）

RANGE

入力が指定の範囲内に制限される数値フィールド（HTML3）

MIN=n

範囲の最小値

MAX=n

範囲の最大値

SCRIBBLE

ユーザーがイメージに重ねて書き込めるようにする（HTML3）

MAXLENGTH=n

TEXT入力項目の最大長

DIABLED

テキストを入力できないようにするためにフィールドを使用禁止にする

CHECKED

選択するCHECKBOXまたはRADIOの中のフィールドを初期化する

<SELECT>...</SELECT>

選択肢のメニューを作成する

ポップアップメニューから選択してもらう為のタグです。

NAME=name

入力変数の名前（フォームに表示されるものではな<、スクリプト処理用）

MULTIPLE

メニューから複数の選択をてきるようにする

DISABLED

メニューを使用禁止にして選択ができないようにする

WIDTH=n

メニユーの固定幅

HEIGHT=n

メニユーの固定高さ

UNITS=units

WIDTHとHEIGHTの測定単位（unitsの値は、enまたはpixel）

<OPTION>

<SELECT>メニユーフォーム内のオプションを指定する

DISABLED

エントリを使用禁止にして、それを選択できないようにする

SELECTED

選択するエントリを初期化する

この<SELECT>と<OPTION>を利用して、ポップアップメニューを作ります。

<SELECT>

<OPTION>セレクト１

<OPTION>セレクト２

<OPTION>セレクト３

</SELECT>

セレクト１ セレクト２ セレクト３

<TEXTAREA>...</TEXTAREA>

フォーム用のテキスト入力領域を作成する。タグ間にあるテキストはフォームの初期値となる

NAME=name

入力変数の名前（フォームに表示されるものではな<、スクリプトで利用される）

ROWS=n

テキスト領域の縦の行数

COLS=n

テキスト領域の横の列数

DISABLED

メニューを使用禁止にして入力できないようにする

例えば縦5行、横1列のテクストエリアを作るには･･･

<TEXTAREA NAME="textarea" ROWS=5 COLS=50>ここに書き込みます。</TEXTAREA>（CGIで処理する為、必ずNAMEを付けます。）

ここに書き込みます

<TEXTAREA NAME="textarea" ROWS=2 COLS=30>ここに書き込みます。</TEXTAREA>（CGIで処理する為、必ずNAMEを付けます。）

ここに書き込みます

<ISINDEX>

サーチ可能インデックスを定義する。