HTML5タグ虎の巻

formタグ

formは、送信フォームを作成するタグです。

解説

formタグは、inputタグなどで入力された内容をサーバへ送信する時に使用します。
送信する時の条件や方法などをformタグの属性で指定します。

コンテンツ・モデル

カテゴリー
(自カテゴリ)
フロー・コンテンツ
コンテキスト
(親カテゴリ)
フロー・コンテンツを許可する場所
コンテンツ・モデル
(子カテゴリ)
フロー・コンテンツ
※formタグは除く

属性

formタグには以下の属性が指定できます。

【属性】
属性説明
actionフォームの送信先を指定する
(例)action="hoge.php"
※サブミットボタンにformactionが指定されている場合は
formactionの内容が優先されます。
autocompleteオートコンプリートの有効無効(on/off)を指定する
(例)有効にする autocomplete="on"
※"on"がデフォルトです
method送信方法を指定する
 ・get:GET形式(デフォルト)
 ・post:POST形式
target送信先のターゲットを指定する
 ・_blank:新規ターゲット
 ・_top:最上位のウィンドウ
 ・_parent:現在の親ウィンドウ
 ・_self:現在のウインドウ
 ・任意名:任意に付けたターゲット名
novalidateバリデーション機能の無効を指定する
(例)無効にする novalidate="novalidate"
※当属性を指定しなければ有効になります。
accept-charset送信データの文字コードを明示的に指定する
(例)accept-charset="utf-8"
【共通属性】
属性説明
classクラスを指定する
(例)class="hoge"
idIDを指定する
(例)id="foo"
styleスタイルを指定する
(例)style="sample"
name要素に名前を指定する
(例)name="txt1"
titleツールチップを指定する
(例)title="補足情報です"
tabindexTabキーでの移動順を指定する
(例)tabindex="3"
autofocus初期フォーカスを設定する
(例)autofocus="true"
disabled非活性にする
(例)disabled="true"

サンプル

formタグのサンプル

<form action="hoge.php" method="post">
  <input type="text" name="txt1">
  <input type="radio" name="rdo1">
  <input type="submit" value="送信">
</form>

備考

  • 送信形式はデフォルトでGET形式になるので、POST形式で送りたい場合はmethod属性で明示的に指定してください。

関連項目