最終更新日 2021年4月7日

legend要素

legend要素は、フォームの入力項目グループに名前を付ける際に使用します。

legend要素は、fieldset要素内の先頭に記述します。

HTML5での変更点

・align、datasrc、datafld、dataformatasの各属性は廃止されました。

カテゴリ	タグの省略	親要素	子要素
なし	省略不可	fieldset	Phrasingコンテンツ

属性	値	説明
グローバル属性	-	-
イベント属性	-	-

サンプルコード

<body>
  <form method="post" action="contact.php">
    <fieldset>
      <legend>お問い合わせ</legend>
      <p><label>メールアドレス：<input type="email" name="mailad"></label></p>
      <p><label>タイトル：<input type="text" name="title"></label></p>
      <p><label>メッセージ：<textarea name="message"></textarea></label></p>
    </fieldset>
    <p>
      <input type="submit" name="submit" value="送信">
      <input type="reset" name="reset" value="リセット">
    </p>
  </form>
</body>

参考文献：W3C HTML5「4.10.5 The legend element」

当サイトの活動をサポートしてみませんか？気軽にクリエイターの支援ができます。