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"
id	IDを指定する（例）id="foo"
style	スタイルを指定する（例）style="sample"
name	要素に名前を指定する（例）name="txt1"
title	ツールチップを指定する（例）title="補足情報です"
tabindex	Tabキーでの移動順を指定する（例）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属性で明示的に指定してください。

関連項目

form：送信フォームを作成する
input type="text"：テキスト入力欄を作成する
input type="checkbox"：チェックボックス欄を作成する
input type="date"：日付入力欄を作成する
input type="time"：時刻入力欄を作成する
input type="month"：月の入力欄を作成する
input type="week"：週の入力欄を作成する
input type="radio"：ラジオボタンを作成する
input type="password"：パスワード入力欄を作成する
input type="hidden"：隠しパラメータを作成する
input type="file"：ファイル送信コントロールを作成する
input type="button"：汎用ボタンを作成する
input type="image"：画像ボタンを作成する
input type="number"：数値入力欄を作成する
input type="submit"：送信ボタンを作成する
input type="reset"：リセットボタンを作成する
input type="color"：色の入力欄を作成する
input type="email"：e-mailの入力欄を作成する
input type="url"：URLの入力欄を作成する
input type="tel"：電話番号の入力欄を作成する
input type="range"：スライダー入力欄を作成する

HOMEへ　 TOPへ