<form> - フォーム

トップ > HTMLリファレンス > <form>

概要

項目説明
形式<form action="...">~</form>
サポートH2 / e2 / Ch1 / Fx1 / Sa1 / Op1 / N2 / i1
カテゴリフローコンテンツ, パルパブルコンテンツ
親要素フローコンテンツ を子要素に持てるもの
子要素フローコンテンツ (ただし、form要素を子孫に持つことはできない)
タグの省略開始タグ:必須 / 終了タグ:必須

説明

入力フォームを表示します。<form>~</form> がひとつのフォームとなります。フォームの中には <input><select><textarea> などのフォーム部品を配置します。

フォームは通常サブミット(実行)ボタンを持ちます。各入力部品に値を入力した後サブミットボタンを押すと、method属性で指定した転送方法(POST or GET)で、action属性で指定したアクション(URL)を呼び出します。

アクションには CGI や Webアプリケーションの URL を指定します。CGI についての詳細は 「とほほのCGI入門」 を参照してください。

属性

【重要属性】
属性意味
action=actionH2/e2/Ch/Fx/Sa/Op/N2/i1。サブミット(実行)された時の動作を指定します。具体的には、CGI や Webアプリケーションの URL を指定します。HTML4.01 では必須の属性として定義されています。
method=methodH2/e2/Ch/Fx/Sa/Op/N2/i1。サーバーにデータを送る形式を GET または POST で指定します。
target=targetH4T/e3/Ch/Fx/Sa/Op/N2。表示ターゲットを指定します。HTML4.01 Strict には採用されませんでしたが、iframe要素を指定することは有効だとして、HTML5 には採用される予定です。
name=nameH4/e3/Ch/Fx/Sa/Op/N2。フォーム名を指定します。JavaScript などから参照されます。
【固有属性】
属性意味
accept-charset=charH4。"UTF-8" など、このフォームで使用可能なキャラクタセットのリストをカンマ(,)かスペースで区切って指定します。
autocomplete=onoffH5/e5。off にすると、過去に入力した値を候補として表示するオートコンプリート機能を無効にします。既定値は on です。
enctype=enctypeH2/e2/Ch/Fx/Sa/Op/N2。フォームのエンコードタイプを指定します。
novalidateH5/e/Ch/Fx/Op。input要素の required属性などの入力値のバリデーションチェックを行わないことを指定します。
accept=acceptH4。サーバがこのフォームデータを処理する際に参考となる MIME タイプのリストをカンマ(,)で区切って指定します。HTML5 では廃止されました。
urni3。データと一緒に固体識別番号を送信します。
【一般属性】
属性意味
accesskey=keyH4/e4/Ch2/Fx2/Sa3/Op12/N6/i1。アクセスキーを指定します。
class=classH4/e3/Ch1/Fx1/Sa1/Op1/N4。クラスを指定します。
contenteditable=boolH5/e55/Ch11/Fx3/Op10.6/Sa3.2。要素を編集可能にします。
dir=dirH4/e5/Ch5/Fx4/Sa6/Op25/N6。文字の表示方向を指定します。
hiddenH5/e/Ch/Fx/Sa/Op。要素を非表示にします。
id=idH4/e3/Ch/Fx/Sa/Op/N4。ID を指定します。
lang=langH4/e4/Ch/Fx/Sa/Op/N6。言語を指定します。
spellcheck=boolH5。スペルをチェックします。
style=styleH4/e3/Ch/Fx/Sa/Op/N4。スタイルシートを指定します。
tabindex=nH4/e4/Ch/Fx/Sa/Op/N6。タブインデックスを指定します。
title=titleH2/e2/Ch/Fx/Sa/Op/N6。タイトルを指定します。
translate=titleH5。翻訳可否を指定します。

使用例

HTML
<form method="POST" action="cgi/sample.cgi">
 <div>名前:<input type="text" name="name"></div>
 <div>住所:<input type="text" name="addr"></div>
 <input type="submit" value="送信">
 <input type="reset" value="取消">
</form>
表示
名前:
住所:

関連項目

<input><select><textarea><button><fieldset><label>

Copyright (C) 1996-2015 杜甫々
初版:1996年9月10日 最終更新:2015年1月24日
http://www.tohoho-web.com/html/form.htm