HTML - fieldset / legend 要素

概要

名前
fieldset / legend
カテゴリー
fieldset
  • Flow content
  • Sectioning content
  • Palpable content
  • Form-associated element
  • Listed element
legend
なし。
配置できる場所
fieldset
Flow content が期待される場所。
legend
fieldset 要素の子要素として配置すること。
コンテンツモデル
fieldset
任意で legend 要素。それに続く Flow content。
legend
Phrasing content
説明
fieldset
fieldset 要素は、フォームの各種部品をひとつのグループにまとめるための要素です。グループにタイトルを付ける場合は、要素内容の先頭に legend 要素を配置して、その要素内容として指定します。
legend
legend 要素は、フォームの各種部品を fieldset 要素でグループ化したもののタイトルとなる要素です。
タグの省略
fieldset
開始タグも終了タグも省略できません。
legend
開始タグも終了タグも省略できません。
DOM Interface
fieldset
HTMLFieldSetElement
legend
HTMLLegendElement
仕様書
要素仕様書策定状況コメント
fieldsetLS:現行の標準
REC:勧告
REC:勧告
legendLS:現行の標準
REC:勧告
REC:勧告
サポートブラウザ
要素 ie
IE
edge
Edge
firefox
Firefox
chrome
Chrome
safari
Safari
opera
Opera
safari
iOS Safari
android
Android
fieldset
legend61
○:Support ×:Not Support ?:未定義 n:以降の Version で Support

fieldset 要素の属性

fieldset 要素の属性サポートブラウザ
属性名 ie
IE
edge
Edge
firefox
Firefox
chrome
Chrome
safari
Safari
opera
Opera
safari
iOS Safari
android
Android
disabled61264.4
form
name
○:Support ×:Not Support ?:未定義 n:以降の Version で Support
グローバル属性
すべての要素で共通に利用できるグローバル属性を指定できます。
disabled
この論理型属性が設定されている場合、fieldset の子孫要素として配置したフォームコントロールはすべて無効になります。つまり、編集したり form と一緒に送信したりすることができなくなります。マウスクリックやフォーカス関連のイベントのような閲覧イベントを受け取らなくなります。既定では、ブラウザはそのようなコントロールを灰色で表示します。なお、子孫の legend 要素の中のフォーム要素は無効になりません。
form
form 要素id 属性を指定し、fieldset 要素はたとえその中になくても、その一部とすることができます。
name
グループに関連付けられた名前です。ただし、fieldset 要素自身のラベルの役割は、その最初の子要素として配置した legend 要素が担います。

legend 要素の属性

グローバル属性
すべての要素で共通に利用できるグローバル属性を指定できます。

サンプルコード

fieldset / legend 要素のサンプルコードは以下のとおりです。

<form action="#">
  <fieldset>
    <legend>Simple fieldset</legend>
    <input type="radio" id="radio">
    <label for="radio">Spirit of radio</label>
  </fieldset>
</form>
fieldset / legend 要素のサンプルコード

関連記事

HTML の全般的な記事はHTML タグの基本と使い方を参照してください。

Category:
プログラミング
公開日:
更新日:
Pageviews:
7
Shares:
0
Tag:
HTML
hatebu icon
hatebu