HTML5タグリファレンス
fieldset

投稿 | | カテゴリー タグリファレンス, HTML5

<fieldset>要素は、グループ化されたフォーム部品を表します。子要素がある場合、最初の<legend>要素がグループの名前(タイトル)を表し、残りの部分がグループを形成します。


カテゴリ
フロー・コンテンツ、セクショニング・ルート、パルパブル・コンテンツ
配置場所
フロー・コンテンツが置ける場所。
内容
必要に応じて<legend>要素を一つ、続けてフロー・コンテンツ。
属性
グローバル属性

accesskey, class, contenteditable, data-*, dir, hidden, id, lang, spellcheck, style, tabindex, title, translate

disabled[="disabled"]

指定することで、<legend>要素内を除いたフォーム部品をコントロール無効の使用不可の状態にします。

form="ID" HTML5で追加

関連付ける<form>要素のid属性を指定します。この属性でフォームを指定することで、<form>要素に含まれていなくてもフォームの部品として機能させることができます。

name="名前"

フォーム送信とform.elements APIに使用されるこの要素の名前を指定します。

サンプル

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8" />
<title>HTML5 › fieldset</title>
</head>
<body>
<h1>HTML5 › fieldset</h1>
<form method="post">
  <fieldset>
    <legend>お客様情報</legend>
    <p><label>名前 <input type="text" name="name"></label></p>
    <p><label>住所 <input type="text" name="address"></label></p>
    <p><label>電話 <input type="text" name="tel"></label></p>
  </fieldset>
</form>
</body>
</html>