| 項目 | 説明 |
|---|---|
| 形式 | <form action="...">〜</form> |
| サポート | H2+ / e2+ / N2+ / Fx1+ / Op6+ / Ch1+ / Sa1+ / i1+ |
| タグの省略 | 開始タグ:必須、終了タグ:必須 |
| 包含可能要素 | ブロック要素 / インライン要素(※) (※ HTML4.01 Strict の場合はscriptのみ) (form 要素の入れ子は禁止) |
入力フォームを表示します。<form>〜</form> がひとつのフォームとなります。フォームの中には <input>、<select>、<textarea> などのフォーム部品を配置します。
フォームは通常ひとつのサブミット(実行)ボタンを持ちます。各入力部品に値を入力した後サブミットボタンを押すと、method 属性で指定した転送方法で、action 属性で指定したアクションを呼び出します。
アクションには CGI の URL などを指定します。CGI についての詳細は「とほほのCGI入門」を参照してください。
| 属性 | 意味 |
|---|---|
| action=action | H2+/e2+/N2+/i1+。サブミット(実行)された時の動作を指定します。HTML4.01 では必須の属性として定義されています。 |
| method=method | H2+/e2+/N2+/i1+。サーバーにデータを送る形式を GET または POST で指定します。 |
| target=target | H4T/H5+/e3+/N2+。表示ターゲットを指定します。HTML4.01 Strict には採用されませんでしたが、iframe要素を指定することは有効だとして、HTML5 には採用される予定です。 |
| name=name | H4+/e3+/N2+。フォーム名を指定します。JavaScript などから参照されます。 |
| 属性 | 意味 |
|---|---|
| accept=accept | H4。サーバがこのフォームデータを処理する際に参考となる MIME タイプのリストをカンマ(,)で区切って指定します。HTML5 ではサポートされない予定です。 |
| accept-charset=char | H4+。"UTF-8" など、このフォームで使用可能なキャラクタセットのリストをカンマ(,)かスペースで区切って指定します。 |
| autocomplete=onoff | H5+/e5+。off にすると、過去に入力した値を候補として表示するオートコンプリート機能を無効にします。既定値は on です。 |
| enctype=enctype | H2+/e2+/N2+。エンコード形式を指定します。 |
| urn | i3。データと一緒に固体識別番号を送信します。 |
| novalidate | H5+。ブラウザがバリデーションチェックを行わないことを指定します。 |
| 属性 | 意味 |
|---|---|
| class=class | H4+/e3+/N4+。クラスを指定します。 |
| id=id | H4+/e3+/N4+。ID を指定します。 |
| style=style | H4+/e3+/N4+。スタイルシートを指定します。 |
| title=title | H4+/e4+/N6+。タイトルを指定します。 |
| dir=dir | H4+/e5+/N6+。文字の表示方向を指定します。 |
| lang=lang | H4+/e4+/N6+。言語を指定します。 |
| accesskey=key | H5+。アクセスキーを指定します。 |
| tabindex=n | H5+。タブインデックスを指定します。 |
| contenteditable=bool | H5+/e55+。要素を編集可能にします。 |
| contextmenu=id | H5+。コンテキストメニューを指定します。 |
| draggable=bool | H5+。ドラッグを可能にします。 |
| dropzone=value | H5+。ドロップを可能にします。 |
| hidden | H5+。要素を非表示にします。 |
| spellcheck=bool | H5+。スペルをチェックします。 |
| IE拡張属性 | 他にもIEで拡張された属性が指定可能です。 |
| HTMLソース |
|---|
<form method="POST" action="cgi-bin/xxx.cgi"> <div>名前:<input type="text" name="NAME"></div> <div>住所:<input type="text" name="ADDR"></div> <input type="submit" value="送信"> <input type="reset" value="取消"> </form> |
| ブラウザ表示例 |
|---|