<fieldset> - フィールドセット <fieldset> - フィールドセット| 項目 | 説明 |
|---|---|
| 形式 | <fieldset>〜</fieldset> |
| サポート | H4+ / e4+ / N6+ / Fx1+ / Op6+ / Ch1+ / Sa1+ |
| タグの省略 | 開始タグ：必須、終了タグ：必須 |
| 包含可能要素 | legend / ブロック要素 / インライン要素 |
| 属性 | 意味 |
|---|---|
| align=align | e4+。<fieldset> はブロック要素なので、align 属性も <h1> と同様の意味をもつはずですが、IE のバグなのか、<img> などの矩形インライン要素と同様の振舞いをします。 |
| disabled | H5+。この要素を無効化します。 |
| form=id | H5+。関係付けたい form要素の id属性を指定します。省略時は fieldset要素の親の form要素と結びつきます。 |
| name=name | H5+。フィールドセットに名前を付けます。 |
| 属性 | 意味 |
|---|---|
| class=class | H4+/e4+/N4+。クラスを指定します。 |
| id=id | H4+/e4+/N4+。ID を指定します。 |
| style=style | H4+/e4+/N4+。スタイルシートを指定します。 |
| title=title | H4+/e4+/N6+。タイトルを指定します。 |
| dir=dir | H4+/e5+/N6+。文字の表示方向を指定します。 |
| lang=lang | H4+/e4+/N6+。言語を指定します。 |
| accesskey=key | H5+。アクセスキーを指定します。 |
| tabindex=n | H5+。タブインデックスを指定します。 |
| contenteditable=bool | H5+/e55+。要素を編集可能にします。 |
| contextmenu=id | H5+。コンテキストメニューを指定します。 |
| draggable=bool | H5+。ドラッグを可能にします。 |
| dropzone=value | H5+。ドロップを可能にします。 |
| hidden | H5+。要素を非表示にします。 |
| spellcheck=bool | H5+。スペルをチェックします。 |
| 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> |
| ブラウザ表示例 |
|---|