Simple HTMLHTMLリファレンス

Main Menu

おすすめリンク

Site Info.

フォーム・コントロール

タグ名称

機能別

HTMLリファレンス

CSSリファレンス

その他の記事

HTMLリファレンス インデックス

スポンサーリンク

HTMLタグリファレンス

FORM & CONTROLフォーム・コントロールTOPHTMLTAGForm

  1. Form入力フォーム
  2. textarea複数行の入力フィールド
  3. buttonボタン
  4. fieldsetコントロールのグループ化
  5. legendグループのラベル
  6. inputフォームの部品
  7. selectメニューリスト
  8. optionメニューの選択項目
  9. optgroup選択項目のグループ化
  10. labelラベル

<fieldset>Fieldsetコントロールのグループ化Block

HTML VersionHTML4.01XHTML1.0XHTML1.1HTML5
要素の概要

<fieldset>はテキスト入力ボックスやチェックボックスなどの<form>の構成部品(子要素)をグループ化するタグです。グループ化された部品は名前(グループ名)を付ける必要があるため、<fieldset>の先頭タグの直後には必ず<legend>タグを記述し、グループ名を定義しておく必要があります。

※固有属性はありません。

<fieldset>のサンプルコードSample code

fieldsetでグループ化した範囲は枠線で囲まれて表示されます。また、fieldsetで構造化することで見栄えや構造的にも好ましいものになります。

<form>
   <fieldset>
	<legend>Radio set</legend>	fieldsetの見出し
	<label><input type="radio" id="field4" />Radio button 1</label>
	<label><input type="radio" id="field4" />Radio button 2</label>
	<label><input type="radio" id="field4" />Radio button 3</label>
   </fieldset>
</form>

HTML4.01TransitionalDTD

<!--
  #PCDATA is to solve the mixed content problem,
  per specification only whitespace is allowed there!
 -->
<!ELEMENT FIELDSET - - (#PCDATA,LEGEND,(%flow;)*) -- form control group -->
<!ATTLIST FIELDSET
  %attrs;                              -- %coreattrs, %i18n, %events --
  >

XHTML1.0TransitionalDTD

<!--
  The fieldset element is used to group form fields.
  Only one legend element should occur in the content
  and if present should only be preceded by whitespace.
-->
<!ELEMENT fieldset (#PCDATA | legend | %block; | form | %inline; | %misc;)*>
<!ATTLIST fieldset
  %attrs;
  >
スポンサーリンク
Copyright (C) 2010 Simple HTML. All Rights Reserved.