HTML <legend> タグ

例

フォーム内の関連する要素のグループ：

<form>
<fieldset>
    <legend>Personalia:</legend>
    Name: <input type="text" size="30"><br>
    Email: <input type="text" size="30"><br>
    Date of birth: <input type="text" size="10">
</fieldset>
</form>

Try it Yourself ❯

定義と用法

<legend> タグは、<fieldset> 要素の見出しを定義します。

ブラウザ・サポート

要素
<legend>	Yes	Yes	Yes	Yes	Yes

HTML 4.01 と HTML5 の相違点

"align" 属性は、HTML5 ではサポート対象外。

属性

属性	値	説明
align	top bottom left right	HTML5 ではサポート対象外。見出しの配置を指定する

グローバル属性

<legend> タグは、HTML のグローバル属性もサポートします。

イベント属性

<legend> タグは、HTML のイベント属性もサポートします。

デフォルトの CSS 設定

ほとんどのブラウザは、次のデフォルト値を使用して <legend> 要素を表示しています：

例

legend {
    display: block;
    padding-left: 2px;
    padding-right: 2px;
    border: none;
}