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

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

■ 概要

項目説明
形式<fieldset>〜</fieldset>
サポートH4s〜 / e4〜 / N6〜
タグの省略開始タグ：必須、終了タグ：必須
包含可能要素legend / ブロック要素 / インライン要素

■ 説明

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

Internet Explorer 3.* や Netscape Communicator 4.* ではサポートされていません。

■ 属性

【固有属性】
属性意味
align=aligne4。<fieldset> はブロック要素なので、align 属性も <h1> と同様の意味をもつはずですが、IE のバグなのか、<img> などの矩形インライン要素と同様の振舞いをします。
datafld=dataflde4。データバインド機能を用いる際の、データソースの列名を指定します。

【一般属性】
属性意味
class=classH4s/e4/N6。クラスを指定します。
dir=dirH4s/e5/N6。文字の表示方向を指定します。
id=idH4s/e4/N6。ID を指定します。
lang=langH4s/e4/N6。言語を指定します。
style=styleH4s/e4/N6。スタイルシートを指定します。
title=titleH4s/e4/N6。タイトルを指定します。
IE拡張属性他にもIEで拡張された属性が指定可能です。

■ 使用例

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>
   ＯＳ：<input type="text" name="OS" size=15>
   ブラウザ：<input type="text" name="BROWSER" size=15>
  </fieldset>
 <input type="submit" value="OK">
</form>

ブラウザ表示例（対応ブラウザの場合のイメージ）
お客様情報
名前： 年齢：

ご利用環境
ＯＳ： ブラウザ：

未対応ブラウザで表示すると、下記のように表示がずれてしまうので注意してください。

ブラウザ表示例（未対応ブラウザの場合）
お客様情報 名前： 年齢： ご利用環境 ＯＳ： ブラウザ：

■ 関連項目

<legend>、 <form>
Copyright (C) 1996-2002 杜甫々
初版：2000年10月9日、最終更新：2002年7月27日
http://www.tohoho-web.com/html/fieldset.htm