<form>
対応ブラウザ | Internet Explorer 2~ Firefox 1~ Google Chrome 1~ Safari 1~ Opera 6~ | ||
---|---|---|---|
タグの分類 | ブロックレベル要素 | 定義バージョン | Strict, Transitional, Frameset |
開始タグ | 必須 | 終了タグ | 必須 |
用例 |
|
属性
action | 概要 | 実行(サブミット)された時の動作を指定します。HTML4.01では必須属性です。 |
---|---|---|
属性の値 | URI | |
method | 概要 | サーバーにデータを送る形式(HTTPメソッド)を GET または POST で指定します。 |
属性の値 | get、post | |
enctype | 概要 | 送信時のデータ形式(エンコード形式)を指定します。 |
属性の値 |
application/x-www-form-urlencoded multipart/form-data text/plain |
|
accept-charset | 概要 |
プログラム側が受け入れる文字コードを指定します。"UTF-8" など、フォームで使用できる文字コードをカンマ(,)かスペースで区切って指定できます。 |
属性の値 | 文字コード | |
accept | 概要 |
フォームデータを処理する際に受け入れるMIMEタイプを指定します。 MINEタイプのリストをカンマ(,)で区切って指定します。 |
属性の値 | MIMEタイプ | |
name | 概要 | フォームの名前を指定します。 |
属性の値 | 文字列 | |
target | 概要 | 送信結果の表示方法を指定します。 |
属性の値 | _blank、_self、_parent、_top、フレーム名、 ウィンドウ名 |
<form>とは
「FORM」とは、入力・送信フォームを作成する際に使用する要素です。
<form>タグがひとつのフォームとなり、フォームの中に<input>タグ、<select>タグ、<textarea>タグなどのフォーム部品を配置してフォームを作ります。
入力された値はmethod属性で指定した転送方法とenctype属性で指定したデータ形式でサーバへ送信され、action属性で指定したアクションを呼び出します。
アクションにはCGIやPHPプログラムのURLなどを指定してください。
サンプルデモ
<form method="POST" action="sample.cgi"> <p>お名前:<input type="text" name="NAME"></p> <p>メールアドレス:<input type="text" name="email"></p> <p><input type="submit" value="送信する"></p> <p><input type="reset" value="取消する"></p> </form>