<LEGEND>フォームのグループ項目にタイトルを付ける

<LEGEND>では、<FIELDSET>タグでグループ化した<FORM>の項目に対し、タイトル(キャプション)を付けることができます。

<LEGEND>を配置する箇所は、<FIELDSET>タグ内のすぐ後ろに記述して下さい。

またalign属性では、タイトルの文字揃え(表示位置)を指定することができますが、この属性は非推奨とされていて、HTML5では廃止されています。 ですが現在のところ、スタイルシートでこれの代わりとなるプロパティは定義されていないようです。

使用した時の例

<fieldset>
<legend>個人情報</legend>
  名前:<input type="text" name="name"><br />
  住所:<input type="text" name="address">
</fieldset>
 
<fieldset>
<legend>質問</legend>
よく使うショップジャンルは?<br />
  <input type="radio" name="shop" value="food">食品<br />
  <input type="radio" name="shop" value="computer">パソコン・家電<br />
  <input type="radio" name="shop" value="book">書籍<br />
  <input type="radio" name="shop" value="fashion">ファッション<br />
  <input type="radio" name="shop" value="beauty">美容
</fieldset>

ブラウザ上の表示例

個人情報 名前:
住所:
質問 よく使うショップジャンルは?
食品
パソコン・家電
書籍
ファッション
美容

書式

  • <legend align="位置">~</legend> ・・・・・・ グループにタイトルを付ける

属性

align="top" タイトルの表示位置の指定
  • top・・・上
  • bottom・・・下
  • left・・・左
  • right・・・右

対応ブラウザなどのデータ

形式 <legend>~</legend> カテゴリ なし
親要素 fieldset 子要素 フレージングコンテンツ
開始タグ 必須 終了タグ 必須
汎用属性 accesskey / class / dir / id / lang / style / tabindex / title
対応ブラウザ Internet Explorer4~ , Google Chrome1~ , Firefox1~ , Opera1~ , Safari1~