<fieldset> - フィールドセット

トップ > HTMLリファレンス > <fieldset>

概要

項目説明
形式<fieldset>~</fieldset>
サポートH4 / e4 / Ch1 / Fx1 / Sa1 / Op1 / N6
カテゴリフローコンテンツ, セクショニングルート, リステッド, リアソシエイタブル, フォーム関連, パルパブルコンテンツ
親要素フレージングコンテンツ を子要素に持てるもの
子要素一つの legend要素(省略可)と、フローコンテンツ
タグの省略開始タグ:必須 / 終了タグ:必須

説明

<form> で定義するフォーム中の入力部品をグループ化します。<legend> でグループのタイトルを記述することができます。

属性

【固有属性】
属性意味
disabledH5/e/Ch/Fx/Op。この要素を無効化します。
form=idH5。関係付けたい form要素の id属性を指定します。省略時は fieldset要素の親の form要素と結びつきます。
name=nameH5。フィールドセットに名前を付けます。
align=aligne4。要素の位置を指定します。
【一般属性】
属性意味
accesskey=keyH4/e4/Ch2/Fx2/Sa3/Op12/N6/i1。アクセスキーを指定します。
class=classH4/e3/Ch1/Fx1/Sa1/Op1/N4。クラスを指定します。
contenteditable=boolH5/e55/Ch11/Fx3/Op10.6/Sa3.2。要素を編集可能にします。
dir=dirH4/e5/Ch5/Fx4/Sa6/Op25/N6。文字の表示方向を指定します。
hiddenH5/e/Ch/Fx/Sa/Op。要素を非表示にします。
id=idH4/e3/Ch/Fx/Sa/Op/N4。ID を指定します。
lang=langH4/e4/Ch/Fx/Sa/Op/N6。言語を指定します。
spellcheck=boolH5。スペルをチェックします。
style=styleH4/e3/Ch/Fx/Sa/Op/N4。スタイルシートを指定します。
tabindex=nH4/e4/Ch/Fx/Sa/Op/N6。タブインデックスを指定します。
title=titleH2/e2/Ch/Fx/Sa/Op/N6。タイトルを指定します。
translate=titleH5。翻訳可否を指定します。

使用例

HTML
<form method="POST" action="cgi-bin/xx.cgi">
 <fieldset>
  <legend>お客様情報</legend>
  名前:<input type="text" name="NAME" size=15>
  年齢:<input type="text" name="AGE" size=15>
 </fieldset>
 <fieldset>
  <legend>ご利用環境</legend>
  OS:<input type="text" name="OS" size=15>
  ブラウザ:<input type="text" name="BROWSER" size=15>
 </fieldset>
 <input type="submit" value="OK">
</form>
表示
お客様情報 名前: 年齢:
ご利用環境 OS: ブラウザ:

関連項目

<legend><form>

Copyright (C) 1996-2015 杜甫々
初版:1996年9月10日 最終更新:2015年1月24日
http://www.tohoho-web.com/html/fieldset.htm