fieldset要素は共通のキャプションをもつフォームコントロールのグループを表します。

子要素にlegend要素を設置することで、グループ全体の共通キャプションを示すことができます。

ただし、個別のラベル付け可能なフォーム関連要素に対するキャプションとは役割が異なるため、fieldset要素のコンテンツに含まれるフォーム関連要素1つ1つにlabel要素を用いてラベル付けするべきです。

この要素がdisabled属性をもつ時、子孫の全てのフォームコントロールは無効になります。

使用例

<form action="submit.php">

<div><label>お名前<input type="text" name="username"></label></div>

<div><label>お問い合わせ内容<textarea name="message"></textarea></label></div>



<fieldset>

<legend>ご連絡先</legend>



<div><label>お電話番号<input type="tel" name="tel"></label></div>

<div><label>メールアドレス<input type="email" name="mail"></label></div>

</fieldset>



<button type="submit">送信</button>

</form>

使用可能な属性

  • すべてのグローバル属性
  • disabled
  • form
  • name

コンテンツカテゴリ

  • フローコンテンツ
  • セクショニングルート
  • フォーム関連要素(リスト対象、再関連付け可能)
  • パルパブルコンテンツ

子要素にしていい要素の種類

  • フローコンテンツ

親要素にしていい要素の種類

  • フレージングコンテンツが期待されているすべての要素
    • legend要素は最初の子要素でなければならない

仕様書と策定状況

仕様書 策定状況
W3C 勧告
WHATWG Living Standard
最終更新:2017年12月26日

ミツエーリンクスでは、デジタルメディアにおける企業と顧客とのコミュニケーション課題を解決する、さまざまなサービスをご提供しています。ぜひ一度サービスページをご覧ください。

関連情報