Widely available すべての主要ブラウザで対応済み。安心して使用可能。

概要

<form> 要素はユーザー入力を収集してサーバーに送信するためのフォームを表します。

対応ブラウザ

デスクトップ

Chrome 1+
Edge 12+
Safari 3+
Firefox 1+

モバイル

Chrome Android 18+
Safari iOS 2+
Firefox Android 4+

基本構文

HTML
<form action="/submit" method="post">
  <label for="name">名前:</label>
  <input type="text" id="name" name="name" required>
  <label for="email">メール:</label>
  <input type="email" id="email" name="email" required>
  <button type="submit">送信</button>
</form>

実務での使いどころ

  • <form> の活用

    ユーザー入力を収集するフォームを表す要素。送信先やメソッドを指定可能。

注意点

  • 古いブラウザでは対応していない場合がある。

アクセシビリティ

  • スクリーンリーダーでの読み上げを確認すること。