FORM

FORM / フォーム(interactive form)

対応

分類

開始タグ

要

終了タグ

要

コンテント要素

但しFORMを除く

親エレメント

但しFORM、BUTTONを除く

共通アトリビュート

event、i18n

解説

フォーム部品（INPUT、SELECT等）を配置し、入力フォームを表示します。フォームを使うには CGI と言うサーバーサイド・プログラムが必要です。CGI についての詳細は他のサイトを参照してください。
　

オプション

オプション	値	説　　　　明
ACTION	URI	送信ボタンが押された後に処理するURLを指定します。「mailto:メールアドレス」とするとメールアドレスにフォーム内容を送信する事が出来ます。必須です。
METHOD	(GET\|POST)	フォーム入力値を送信する際のHTTPメソッドを指定します。 GET：環境変数QUERY_STRINGで渡します。 POST：標準入力。
ENCTYPE	(application/x-www-form-urlencoded\|multipart/form-data)	フォーム入力値を受け渡す際のエンコード方法を指定します。通常は省略します。ファイル転送の際などに用います。 application/x-www-form-urlencoded：標準値 multipart/form-data：ファイル転送時、<INPUT TYPE="file">の時に指定。
onSubmit	Script	JavaScriptでフォームが送信された時に発生するイベントです。後に続く命令を実行します。
onReset	Script	JavaScriptでフォームがキャンセルされた時に発生するイベントです。後に続く命令を実行します。
TARGET	FrameTarget	フォームの送信結果を表示するウィンドウ(フレーム)を指定します。ターゲットフレーム名を指定します。ターゲットフレーム名を指定すると指定したフレームにリンク先のページ内容を表示させることが出来ます。指定したフレームがない場合は新しいウィンドウに表示します。
NAME	CDATA	スタイルシートやスクリプト言語から参照することができるように名前をつけます。ID属性と同じ働きなので、ID属性を使いましょう。
ACCEPT-CHARSET	Charsets	サーバーがサポートする文字エンコーディングを指定します。スペースで区切れば複数指定が出来ます。
CLASS	CDATA	クラス名を指定します。
ID	ID	IDを指定します。同じ文書内で同じIDは付けられない。
STYLE	StyleSheet	CSSスタイルシートを設定します。
TITLE	Text	内容を設定します。

使用例

ソース

<FORM ACTION="" METHOD="post">
<P>
<FIELDSET>
<LEGEND TITLE="差し支えない程度で結構です。">Personal Information</LEGEND>
<LABEL TITLE="ハンドル・ネーム可">
名前：<INPUT TYPE="text" NAME="name" VALUE="山田花子" SIZE="25" TABINDEX="1"><BR>
</LABEL>
性別：<INPUT TYPE="radio" NAME="sex" VALUE="male" TABINDEX="2">男性
　　　 <INPUT TYPE="radio" NAME="sex" VALUE="female" TABINDEX="2">女性<BR>
<LABEL TITLE="必ず書いてください。">
E-mail：<INPUT TYPE="text" NAME="e-mail" SIZE="40" TABINDEX="3"><BR>
</LABEL>
住所：<SELECT NAME="address" SIZE="3">
<OPTGROUP LABEL="north">
<OPTION LABEL="N" SELECTED="selected" VALUE="hokkaido">北海道
<OPTION LABEL="NE" VALUE="tohoku">東北地方
</OPTGROUP>
<OPTION VALUE="east">関東地方
<OPTGROUP LABEL="central">
<OPTION LABEL="C" VALUE="tyubu">中部地方
<OPTION LABEL="EN" VALUE="hokuriku">北陸地方
</OPTGROUP>
<OPTION VALUE="west">関西地方
<OPTGROUP LABEL="southwest">
<OPTION LABEL="T" VALUE="tyugoku">中国地方
<OPTION LABEL="F" VALUE="shikoku" DISABLED="disabled" ID="aka" TITLE="ここは選択出来ません。">四国地方
</OPTGROUP>
<OPTION VALUE="south">九州地方
</SELECT><BR>
</FIELDSET>
<FIELDSET>
<LEGEND>Impressions</LEGEND>
感想をお聞かせ下さい。<BR>
<TEXTAREA NAME="impressions" ROWS="5" COLS="50" TABINDEX="4">ホームページその他何についてでも結構です。</TEXTAREA><BR>
</FIELDSET>
<INPUT TYPE="submit" VALUE="送信" TABINDEX="5" TITLE="確認してから押してね。" >
<INPUT TYPE="reset" VALUE="取消" TABINDEX="5">
</FORM>

と記述すると

表示＆操作

Personal Information 名前：
性別：男性　　　女性
E-mail：
住所：

Impressions 感想をお聞かせ下さい。

と表示されます。

簡易メール（ご意見,ご感想）のページも併せてご参考にして下さい。

pokochan@mx1.tees.ne.jp