fieldset要素

Updated / Published

fieldset要素(form control group)は関連するフォームのコントロール部品(テキスト入力欄、チェックボックスなど)を囲んでグループ化(意味的なまとまりを構成)します。特に非視覚環境において、グループ化されたコントロールの案内は多くのコントロールを埋める際にユーザの理解を容易にします。

fieldset要素の内容は必ずグループの見出しを指定する legend要素ではじまらなければならず、legend要素の前には半角スペースや水平タブなどの空白類文字しか許されません。視覚環境の UA では見出し内容(legend要素)を四角の枠で挟んだ表示になります。

バージョン
  • HTML4.01(S,T,F)
  • XHTML1.0(S,T,F)
  • XHTML1.1
要素型
ブロックレベル要素
開始タグ
必須
終了タグ
必須
非推奨
-
内容モデル

fieldset要素の属性

共通属性
イベント属性

fieldset要素のサンプル

<fieldset>
<legend accesskey="U">ユーザ登録</legend>
<label for="user">ユーザ名</label>
<input type="text" name="user" id="user" size="40">
<label for="pass">パスワード</label>
<input type="text" name="pass" id="pass" size="40">
<label for="email">E-mail</label>
<input type="text" name="email" id="email" size="40">
</fieldset>
<fieldset>
<legend accesskey="P">連絡情報</legend>
<label for="name">お名前</label>
<input type="text" name="name" id="name" size="40">
<label for="address">現住所</label>
<input type="text" name="address" id="address" size="40">
<label for="phone">電話番号</label>
<input type="text" name="phone" id="phone" size="40">
</fieldset>
<p><input type="submit" value="登録"></p>