Smart Communication Design Company
ホーム > ナレッジ > 用語集 > Web制作用語集 > HTML用語集 > fieldset要素

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>

使用可能な属性

コンテンツカテゴリ

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

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

仕様書と策定状況

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