fieldset要素

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要素は最初の子要素でなければならない

仕様書と策定状況