🐒

【HTML】<legend>タグとは（備忘録）

2023/01/15に公開

HTML

 １．<legend>タグとは入力フォームを纏めた<fieldset>タグにタイトルや説明文を表示することができます。

通常、<fieldset>タグと一緒に使用します。

メンテナンスやSEO対策に有効です。

 ２．サンプルプログラム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>
表示画面


 ３．その他○参考

・HTML <legend> element

・HTMLでlegendタグの使い方を現役デザイナーが解説【初心者向け】

１．<legend>タグとは

２．サンプルプログラム

３．その他

Discussion