fieldset

提供: ASCII.jp HTMLリファレンス

ver.8~ ver.7~ ver.14~ ver.5.1~ ver.11.5~
意味 フィールドのグループ化
読み方 フィールドセット

カテゴリー

フロー・コンテンツ/セクショニング・ルート/リスト化されるフォーム関連要素

親にできる要素/カテゴリー

フロー・コンテンツが期待される場所

子にできる要素/カテゴリー

legend要素(オプション)と、その後に続くフロー・コンテンツ

<fieldset 属性="値">~</fieldset>

属性 概要
disabled 論理値 要素を無効化するかどうか
form 文字列 フォームの名前
name 文字列 フィールド名

グローバル属性

accesskey,class,contenteditable,contextmenu,dir,draggable,hidden,id,lang,spellcheck,style,tabindex,title

説明

 fieldset要素は、フォームのコントロールをグループ化します。

 グループの名前は、fieldset要素の最初の子要素であるlegend要素で指定します。

 disabled属性を指定すると、fieldset要素の子孫要素であるすべてのコントロールが無効になります。ただし、legend要素の子要素は無効になりません。

 主要Webブラウザー※では、fieldset要素には枠が表示され、その左上にlegend要素で指定した名前が表示されます。

 なお、執筆時点では、disabled属性をサポートしているWebブラウザーは、Firefox 7とOpera 11.5だけです。Internet Explorer 8/9では、コントロールが無効化されているかのような表示になり、サーバーに値が送信されなくなりますが、入力は受け付けます。Safari 5.1とGoogle Chrome 14では、disabled属性を指定しても変化がありません。
※Internet Explorer、Firefox、Google Chrome、Safari、Opera

サンプル

(body要素の内部のみ掲載)

<form action="server.cgi" method="post">
<fieldset>
<legend>ユーザー情報</legend>
<p><label>ユーザー名:<input type="text" name="username"></label></p>
<p><label>パスワード:<input type="password" name="pass"></label></p>
</fieldset>
<p><input type="submit" value="送信"></p>
</form>

サンプル実行画像

Powered by Web Professional

目次