フォーム

 <form attributes...> </form>は、 の中に記述したフォームデータからデータを受け取り、actionアトリビュートで指定したURIにデータを引き渡します。HTML上で、ユーザが入力して送信するための基本的なフォームを構成するコントロールやボタンの設定、フィールドなどを設定するための要素や属性アンケート・掲示板の書き込みオンラインショップ等の注文ページ等で使用しCGIやサーバサイドアプリケーションと組み合わせてしようする。

Functional list
タグ Attribute 終了タグ 説 明
フォ−ム
<FORM>
interactive
 form
入力 必要 入力処理の指定
ACTION=
"URL"
起動プログラム
cgiなどで作成したプログラム
METHOD=
POST
環境変数の指定
METHOD=
GET
CONTENT_LENGTH
QUERY_STRING
<INPUT>
form
 control
入力定義 なし <FORM>内に配置
TYPE=
"TEXT"
文字の入力 :名前?
TYPE=
"PASSWORD"
パスワード?
TYPE=
"IMAGE"


イメージ、クリックした座標を送信する。
TYPE=
"RADIO"
選択(一つの選択)
TYPE=
"CHECKBOX"
選択(複数選択可)
TYPE=
"SUBMIT"
送信
TYPE=
"RESET"
入力のリセット
NAME=
"text"
項目名
SIZE=n フィールドの大きさ、文字数
(半角文字数)
CHECKD 選択済み指定
(RADIO,CHECKBOX)
value:値=
"text"
送信するデータ
TYPE=
HIDDEN
隠しフィ−ルド、表示をせず入力も受け付けない
<TEXTAREA>
multi-line
 text field
<FORM>内に
配置
必要 文書入力
NAME=
"text"
フィールド名、スクロール付き

ROWS=n 入力フィールドの縦幅
(行数)
COLS=n 入力フィールドの横幅
(文字数)
WRAP=OFF 入力フィールド制御、横スクロール
WRAP=
VIRTUAL
自動改行
<SELECT>
option
 selector
<FORM>内に
配置
必要 選択項目定義
NAME=
"text"
フィールド名
SIZE=n スクロール表示時の行数
MULTIPLE 複数選択可能
<OPTION>
selectable
 choice
<SELECT>内に配置 必要 送信するデータを記述
value:値=
"text"
送信データ
SELECTED 選択済みを指定
<fieldset> タグとは、フォーム内の関連する要素同士をグループ化するためのタグ
<label> for =
 "***">
ラジオボタンなどのコントロールとラベルを関連付けるためのタグです。

関連付けられたラベルはクリック可能となり、コントロールをクリックした時と同様の働きをするようになります。

HOMEの次HTMLの次フォーム



目的別要素

広告