フォームはユーザー入力用コントロールを提供します。

フォームは<FORM>〜</FORM>で定義します。

<FORM METHOD="POST" ACTION="../cgi-bin/xxxx.cgi">

METHODアトリビュート

フォームの送受信方法。"GET"は環境変数、"POST"は標準入力でデータの受け渡しを行う。

ACTIONアトリビュート

フォームの送信先のURL、パスまたはメールアドレス。

※フォームを使用してメールアドレスに対しメールを送信する場合、日本語はURL形式のデータにエンコードされます。これはとても読めるものではありません。ENCTYPE="text/plain"を指定することで日本語(Shift-JIS)送信することも可能です。が、ブラウザ、OSが対応できない場合があるので使用しないほうがいいでしょう。

コントロールはユーザーが入力することができる部品です。

テキストボックスは、文字を入力できるコントロールをHTMLに提供します。

	<INPUT TYPE="text" SIZE=20 MAXSIZE=20 NAME="txt" VALUE="Hello">

<INPUT>

TYPEアトリビュート

"text"を記述します

SIZEアトリビュート

表示するテキストボックスの大きさ（長さ）を記述します。20は２０文字分の長さということになります。

MAXSIZEアトリビュート

入力できる文字の最大の長さを指定します。

NAMEアトリビュート

コントロールの名前を指定します（なんでもよい）。

VALUEアトリビュート

最初に表示する文字がある場合、指定します。新たに文字が入力された場合、VALUEの内容は変化します。

ユーザが項目を自由に選択できるコントロールを提供します。

	<SELECT NAME="sel">
		<OPTION SELECTED>項目１
		<OPTION>項目２
		<OPTION>項目３
		<OPTION>項目４
		<OPTION>項目５
	</SELECT>

項目１ 項目２ 項目３ 項目４ 項目５

<SELECT>

NAMEアトリビュート

選択ボックスの名前を指定します（なんでもよい）。

<OPTION>

SELECTED

最初に表示される項目を指定します。

ユーザが項目を自由に選択（複数）できるコントロールを提供します。

	<SELECT NAME="sel" MULTIPLE>
		<OPTION SELECTED>項目１
		<OPTION>項目２
		<OPTION>項目３
		<OPTION>項目４
		<OPTION>項目５
	</SELECT>

項目１ 項目２ 項目３ 項目４ 項目５

<SELECT>

NAMEアトリビュート

選択ボックスの名前を指定します（なんでもよい）。

MULTIPLE

複数選択可能にする場合、指定します。

<OPTION>

SELECTED

最初に表示される項目を指定します。

※複数の項目を選択する場合、Shiftキーを押しながら選択するか、Ctrlキーを押しながら選択します。

該当する項目をチェック（いくつでもチェック可）できるコントロールを提供します。

	<INPUT TYPE="checkbox" NAME="chk1" CHECKED>チェック１
	<INPUT TYPE="checkbox" NAME="chk2">チェック２
	<INPUT TYPE="checkbox" NAME="chk3">チェック３

チェック１ チェック２ チェック３

<INPUT>

TYPEアトリビュート

"checkbox"を記述します

NAMEアトリビュート

コントロールの名前を指定します（なんでもよい）。

CHECKED

初期状態でチェックされているコントロールを指定します

該当する項目を選択（１つのみ）できるコントロールを提供します。

	<INPUT TYPE="radio" NAME="rdo" CHECKED>ラジオ１
	<INPUT TYPE="radio" NAME="rdo">ラジオ２
	<INPUT TYPE="radio" NAME="rdo">ラジオ３

ラジオ１ ラジオ２ ラジオ３

<INPUT>

TYPEアトリビュート

"radio"を記述します

NAMEアトリビュート

コントロールの名前を指定します。すべてのラジオボタンの名前を同一にしなければなりません。

CHECKED

初期状態でチェックされているコントロールを指定します

複数行入力できるテキストコントロールを提供します。

	<TEXTAREA COLS=60 ROWS=5 NAME="txtarea">
		こんにちは
		こんばんは
	</TEXTAREA>

こんにちは こんばんは

<TEXTAREA>

COLSアトリビュート

横幅の大きさ（長さ）を指定します。

ROWSアトリビュート

縦幅の大きさ（長さ）を指定します。

NAMEアトリビュート

コントロールの名前を指定します（なんでもよい）。

実際には表示されないが、値をもつコントロールを提供します。

　<INPUT TYPE="hidden" NAME="hide" VALUE=500>

<INPUT>

TYPEアトリビュート

"hidden" を指定します。

NAMEアトリビュート

コントロールの名前を指定します（なんでもよい）。

VALUEアトリビュート

コントロールの持つ値を指定します。

実行 (Submit)ボタンとクリア (Reset)ボタンを提供します。

	<INPUT TYPE="submit" VALUE="実行しますぅ">
	<INPUT TYPE="reset" VALUE="クリアしますぅ">

<INPUT>

TYPEアトリビュート

"submit" (実行) "reset" (クリア) を指定します。

VALUEアトリビュート

ボタンに表示される「文字」を指定します。

・Submitがクリックされると、<FORM>のACTIONアトリビュートに記述されているURLまたはメールアドレスへ、METHODで定義した送受信方法で送信が行われます。

・Resetがクリックされると、<FORM>内の各コントロールの値が初期化されます。

通常のボタンコントロールを提供します。

<INPUT TYPE="button" VALUE="押してね">

<INPUT>

TYPEアトリビュート

"button" を指定します。

VALUEアトリビュート

ボタンに表示される「文字」を指定します。

画像でのボタンコントロールを提供します。

<INPUT TYPE="image" SRC="../images/cat1.gif">

<INPUT>

TYPEアトリビュート

"image" を指定します。

SRCアトリビュート

画像ファイルへのパスを指定します。