🐒

【HTML】<legend>タグとは(備忘録)

2023/01/15に公開

1.まず最初に

<legend>タグは、入力フォームを纏めた<fieldset>タグにタイトルや説明文を表示することができます。
<fieldset>タグを必ず併用しなければならないわけではありませんが、メンテナンスやSEO対策に有効です。

2.サンプルプログラム

Sample.html
<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
  </head>
  <body>
    <fieldset>
      <legend>性別</legend>
      <label><input type="radio" name="sex" value="man"></label></br>
      <label><input type="radio" name="sex" value="woman"></label>
    </fieldset>
  </body>

表示画面

3.その他

○参考
HTML <legend> element
HTMLでlegendタグの使い方を現役デザイナーが解説【初心者向け】

Discussion