フォーム

`<form>` 入力をまとめて送る

重要度5 / 5

意味

氏名やメールなど、利用者が書いた内容をまとめて送る場合に使います。中に <input> や <textarea>、送信ボタンを置きます。見た目の枠だけ欲しい場合は、<form> は不要です。

コード

HTML

<form action="/contact/" method="get">
  <label for="name">氏名</label>
  <input id="name" name="name" type="text">
  <button type="submit">確認する</button>
</form>

プレビュー（初期表示）

ブラウザ対応

主要ブラウザの対応状況
ブラウザ	対応
Chrome	1〜
Firefox	1〜
Safari	3〜
Edge	12〜
Chrome Android	18〜
Safari iOS	2〜

出典: MDN Web Docs（`@mdn/browser-compat-data`）