Velden groeperen (fieldset)

De fieldset-tag groepeert gerelateerde velden in een formulier en maakt het overzichtelijker. Je kunt ook een titel toevoegen met de legend-tag.

Voorbeeld: fieldset.html (Klik op deze link om onderstaand formulier te zien in je browser.)

<form>
    <fieldset>
        <legend>Persoonlijke Informatie</legend>
        <label for="naam">Naam:</label>
        <input type="text" id="naam" name="naam">
    </fieldset>

    <fieldset>
        <legend>Contact Informatie</legend>
        <label for="email">E-mail:</label>
        <input type="email" id="email" name="email">
    </fieldset>

    <button type="submit">Verzenden</button>
</form>

Fieldset

Samenvatting

Tag / attribuut Eindtag Betekenis
<fieldset> </fieldset> Groepeert velden in een formulier.
<legend> </legend> Titel van gegroepeerde velden in een formulier.