: FORM 要素

最終更新：2026-09-12

<form>FORM 要素

<form> 要素はユーザーデータを収集・送信するためのコンテナーです。フォーム部品（<input>・<select>・<textarea> など）を包み、action で送信先 URL、method で HTTP メソッドを指定します。

カテゴリ	フォーム
コンテンツモデル	フローコンテンツ（<form> の入れ子不可）
許可される親要素	フローコンテンツを受け入れる要素
閉じタグ	必要 `</form>` タグ
ステータス	標準

📝 構文

<form action="送信URL" method="post">
  フォーム部品
  <input type="submit" value="送信">
</form>

⚙️ 属性

この要素はグローバル属性に加え、以下の属性をサポートします：

属性	値	説明
`action`	URL	The URL where form data is submitted. デフォルト: `当前页 URL`
`method`	Keyword	The HTTP method used to submit. `get` — Data appended to the URL query string (default). `post` — Data sent in the request body.
`name`	Text	Form name for JavaScript reference.
`autocomplete`	Keyword	Whether browser autofill is enabled. `on` — Enable autofill (default). `off` — Disable autofill.
`novalidate`	Boolean	Skip HTML5 form validation on submit.
`target`	Keyword	Where to display the submission result. デフォルト: `_self`

すべてのグローバル属性を見る → すべてのイベント属性を見る →

▶ サンプル

下のコードを編集して、playground でリアルタイム結果を確認：

▶ 試してみる

🌐 ブラウザサポート

ブラウザ	Chrome	Edge	Firefox	Safari	Opera
<form>	✓ v1	✓ v12	✓ v1	✓ v1	✓ v1
すべての主要ブラウザでサポート

ヒント： アクセシビリティとクリック領域拡大のため、フォーム部品には <label> を組み合わせましょう。

<form> — forms チュートリアル

📚 関連チュートリアル

HTML Forms HTML Input Types Reference

HTML フォームチュートリアル

ボタンとフォームコントロールを学ぶ

Web-Tutorial 技術チーム

複数の開発者によって共同維持されているプログラミングチュートリアルプラットフォーム。各チュートリアルは専門分野の開発者が執筆・レビューしています。正確で信頼性の高いコンテンツを目指しています — 問題を見つけた場合はお知らせください。

私たちについて