fieldsetの使い方についてまとめ

fieldsetの概要

fieldset要素はformで定義するフォーム部品をグループ化します。fieldset要素内のlegend要素でグループのキャプション（タイトル）を記述することができます。

fieldsetのカテゴリー

コンテンツカテゴリー

fieldsetに入れられるタグ一覧

タグ早見表

legend要素と、それに続くフローコンテンツ（a abbr address article aside audio b bdo bdi blockquote br button canvas cite code data datalist del details dfn div dl em embed fieldset figure footer form h1 h2 h3 h4 h5 h6 header hr i iframe img input ins kbd label main map mark math menu meter nav noscript object ol output p pre progress q ruby s samp script section select small span strong sub sup svg table template textarea time ul var video wbr area(map要素の子孫の場合) link(itemprop属性がある場合) meta(itemprop属性がある場合) style(scoped属性がある場合)）

入れられるタグのカテゴリー・モデル

この記事の目次

fieldsetに使える属性

属性とは<fieldset>タグ内に入れることのできるものです。属性をあてはめることにより、CSS・JavaScriptなどで操作する際に識別させることが可能になります。

よく使うグローバル属性

id 概要 要素に対してID固有の識別名を付けることができます。
属性の値 英字から始まる英数字
class 概要 要素に対して分類名を付けることができます。
属性の値 英字から始まる英数字
style 概要 要素に対して直接スタイルを指定することができます。
属性の値 スタイルシートのコード
グローバル属性一覧はこちら

fieldsetに使える属性

disabled 概要 フォームの部品を無効化します。
属性の値 論理属性（属性名だけで指定可能）
form 概要 関連付けたいform要素のid属性を指定します。これを指定することで、fieldset要素は、form要素の中になくても、その一部とすることができます。
属性の値 id属性の値
name 概要 フィールドセット要素に名前をつけます。fieldset要素自身のラベルはその最初の子要素として配置されたlegend要素で設定します。
属性の値 テキスト

スポンサードサーチ

<fieldset>の使い方

ブラウザ対応状況

ブラウザの対応（PC)
Chrome あり
Safari あり
Internet Explorer あり
Edge あり
Firefox あり
Opera あり
ブラウザの対応（SP)
Chrome あり
Safari あり
Samsung Internet あり