HTML5 & CSS3 リファレンス - <form> （フォーム）

<form> - フォーム

■ 概要

項　　目	説　　明
記述形式	<form method="転送方法" action="アクション">～</form>
対応ブラウザー	H2+ / e2+ / N2+ / Fx1+ / Op6+ / Ch1+ / Sa1+
種　　類（カテゴリー）	フロー・コンテンツ，パルパブル・コンテンツ
置ける場所	フロー・コンテンツが記入できる場所
内包要素（コンテンツ・モデル）	フロー・コンテンツ［ただし，form要素を子孫として含まないこと］（コンテンツ・モデル: カテゴリー）

■ 解説

入力フォームを表示します。　<form>～</form> がひとつのフォームとなります。

フォームの中には <input>，<select>，<textarea> などのフォーム部品を配置します。

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

■ 属性

種　　類	名　　称
【固有属性】	accept-charset，action，autocomplete ，enctype， method，name，novalidate , target
【グローバル属性】	accesskey，class，contenteditable ， dir， hidden ，id， lang，spellcheck ，style， tabindex，title，translate
【ARIA role属性】で指定可能な値（役割）	任意の値（役割）
【ARIA aria-* 属性】で指定可能なもの	ARIA グローバル状態とプロパティ，指定可能な役割の任意の状態とプロパティ

■ CSSプロパティ

種　　類	名　　称
【よく使うもの】

■ 使用例

HTMLソース
HTML <body> ～ </body>	<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>

HTMLソース

HTML
<body> ～ </body>

<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>