カスタム検索

<fieldset>タグ

<fieldset>タグは、フォーム要素をグループ化します。

<fieldset>タグの機能と属性
機能 フォーム要素をグループ化する
属性 HTML-4.01 コア 言語 イベント  
XHTML-1.0 コア 言語 イベント  
備考 XHTML2では廃止になっている

<fieldset>タグは、<legend>タグをネストすることがあります。<legend>タグは、グループ化されたフォーム要素に対してラベルを付けます。

<fieldset>にネストされるタグ
タグ名 機能 詳細
<legend> グループ化されたフォーム要素にラベルを付ける 詳細

フォーム要素をグループ化するには、<fieldset>タグでフォーム要素をネストするだけです。多くのブラウザでは、グループ化されたフォーム要素は、枠線で囲まれる等の表示方法が取られます。

fieldset.html
<html>
    <head>
        <title>&lt;fieldset&gt;タグの例</title>
    </head>
    <body>
        <form action="プログラムのパス" method="post">
            <fieldset>
                <div>名前:<input type="text" name="name" /></div>
                <div>住所:<input type="text" name="address" /></div>
                <div>電話番号:<input type="text" name="tel" /></div>
            </fieldset>
        </form>
    </body>
</html>
CopyLeft 2021 Webデザインレッスン プライバシーポリシー サイト管理者に連絡