<legend> - フォーム部品群の説明

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

■ 概要

項目説明
形式<legend>〜</legend>
サポートH4+ / e4+ / N6+ / Fx1+ / Op7+ / Ch1+ / Sa1+
タグの省略開始タグ:必須、終了タグ:必須
包含可能要素インライン要素

■ 説明

legend は、銘、凡例、説明文などの意味を持ちます。<fieldset> でグループ化した部品群のタイトルをつけます。<table> と <caption> の関係と同様です。<legend> は、<fieldset> の開始タグの直後に、ひとつだけ記述してください。

■ 属性

【固有属性】
属性意味
accesskey=keyH4+/e4+/N6+。例えば accesskey=X としておくと、キーボードで ALT キーを押しながらXキーを押した時、このフィールドグループにフォーカスが移動します。
align=alignH4T/e4+。表示位置を指定します。
  top:上側(H4)
  bottom:下側(H4)
  left:左隅(H4/e4)
  right:右隅(H4/e4)
  center:中央(e4)
dataformatas=formate4+。データバインド機能を用いる際の、データフォーマットを html または text のいずれかで指定します。

【一般属性】
属性意味
class=classH4+/e3+/N4+。クラスを指定します。
id=idH4+/e3+/N4+。ID を指定します。
style=styleH4+/e3+/N4+。スタイルシートを指定します。
title=titleH4+/e4+/N6+。タイトルを指定します。
dir=dirH4+/e5+/N6+。文字の表示方向を指定します。
lang=langH4+/e4+/N6+。言語を指定します。
accesskey=keyH5+。アクセスキーを指定します。
tabindex=nH5+。タブインデックスを指定します。
contenteditable=boolH5+/e55+。要素を編集可能にします。
contextmenu=idH5+。コンテキストメニューを指定します。
draggable=boolH5+。ドラッグを可能にします。
dropzone=valueH5+。ドロップを可能にします。
hiddenH5+。要素を非表示にします。
spellcheck=boolH5+。スペルをチェックします。
IE拡張属性他にもIEで拡張された属性が指定可能です。

■ 使用例

HTMLソース
<form action="xxx.cgi">
<fieldset>
<legend>使用環境</legend>
<div>OS: <input type="text" name="OS"></div>
<div>ブラウザ: <input type="text" name="BROWSER"></div>
</fieldset>
<input type="submit" value="送信">
</form>

ブラウザ表示例
使用環境
OS:
ブラウザ:

Copyright (C) 1996-2011 杜甫々
初版:2000年10月9日 最終更新:2011年6月5日
http://www.tohoho-web.com/html/legend.htm