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

<fieldset> and <legend>

<fieldset> 要素はフォーム内の関連するコントロールをグループ化し、<legend> 要素でグループのキャプションを提供します。

フォーム

概要

<fieldset> 要素はフォーム内の関連するコントロールをグループ化し、<legend> 要素でグループのキャプションを提供します。

対応ブラウザ

デスクトップ

Chrome 1+
Edge 12+
Safari 4+
Firefox 1+

モバイル

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

基本構文

HTML 
<fieldset>
  <legend>配送先情報</legend>
  <label>氏名: <input type="text" name="name"></label><br>
  <label>住所: <input type="text" name="address"></label>
</fieldset>

実務での使いどころ

  • <fieldset> and <legend> の活用

    フォーム内の関連する要素をグループ化する要素。<legend> でグループ名を表示。

注意点

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

アクセシビリティ

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

参考リンク