legendタグ

legendタグは、 fieldsetタグを使用して作成された HTML フォームの フィールドグループのキャプションを設定します。

legendタグに、位置指定のためのCSSスタイル （float、 position など）を適用すると、その内容は境界線から離れて指定された位置に配置されます （この場合、境界線の途切れはなくなります）。

例

フォームを2つの論理ブロックに分割しましょう。2つの fieldsetタグを使用し、 各ブロックのキャプションはlegendタグで作成します：

html<form>
  <fieldset>
    <legend>購入者情報</legend>
    <input type="text">
  </fieldset>
  <fieldset>
    <legend>販売者情報</legend>
    <input type="text">
  </fieldset>
</form>

Результат:

関連項目