<fieldset> - フィールドセットホームページ制作京都

ＷＥＢ用語(N)

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

概要

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

説明

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

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

属性

【固有属性】

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

【一般属性】

属性	意味
class=class	H4s/e4/N6。クラスを指定します。
dir=dir	H4s/e5/N6。文字の表示方向を指定します。
id=id	H4s/e4/N6。ID を指定します。
lang=lang	H4s/e4/N6。言語を指定します。
style=style	H4s/e4/N6。スタイルシートを指定します。
title=title	H4s/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>

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

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

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