Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Leer Formulierelementen Groeperen voor Betere Structuur | HTML-Formulieren en Gebruikersinvoer
Practice
Projects
Quizzes & Challenges
Quizzes
Challenges
/
Ultimate HTML

bookFormulierelementen Groeperen voor Betere Structuur

Wanneer formulier­velden verwant zijn, helpt het groeperen ervan gebruikers om informatie gemakkelijker te verwerken. Het verdeelt grote formulieren in kleinere, duidelijke secties en verbetert de bruikbaarheid. In HTML wordt groeperen gedaan met <fieldset> en <legend>.

fieldset- en legend-elementen

  • <fieldset> groepeert verwante formulier­elementen;
  • <legend> voegt een titel toe aan die groep.

Handig voor keuzerondjes, selectievakjes en elke sectie met verwante velden.

index.html

index.html

index.css

index.css

copy

Voorbeeld

Dit voorbeeld gebruikt het fieldset-element om gerelateerde formulierbesturingselementen te groeperen en het legend-element om een bijschrift voor de groep te geven. Het richt zich op een productselectieformulier waarbij gebruikers meerdere producten kunnen kiezen.

index.html

index.html

index.css

index.css

copy
  • Het fieldset groepeert de selectievakjes in één logische sectie;
  • De legend geeft aan waar de groep over gaat;
  • Selectievakjes maken het mogelijk om meerdere items te selecteren.
Note
Opmerking

Je hebt de laatste HTML-stap voltooid. Als je je vaardigheden verder wilt ontwikkelen, is je volgende stap CSS , waar je leert hoe je moderne, aantrekkelijke webpagina's kunt vormgeven en ontwerpen.

1. Wat is het doel van het legend-element in HTML-fieldsets?

2. Waarom is het belangrijk om gerelateerde formelementen te groeperen met het fieldset-element?

question mark

Wat is het doel van het legend-element in HTML-fieldsets?

Select the correct answer

question mark

Waarom is het belangrijk om gerelateerde formelementen te groeperen met het fieldset-element?

Select the correct answer

Was alles duidelijk?

Hoe kunnen we het verbeteren?

Bedankt voor je feedback!

Sectie 5. Hoofdstuk 10

Vraag AI

expand

Vraag AI

ChatGPT

Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.

bookFormulierelementen Groeperen voor Betere Structuur

Veeg om het menu te tonen

Wanneer formulier­velden verwant zijn, helpt het groeperen ervan gebruikers om informatie gemakkelijker te verwerken. Het verdeelt grote formulieren in kleinere, duidelijke secties en verbetert de bruikbaarheid. In HTML wordt groeperen gedaan met <fieldset> en <legend>.

fieldset- en legend-elementen

  • <fieldset> groepeert verwante formulier­elementen;
  • <legend> voegt een titel toe aan die groep.

Handig voor keuzerondjes, selectievakjes en elke sectie met verwante velden.

index.html

index.html

index.css

index.css

copy

Voorbeeld

Dit voorbeeld gebruikt het fieldset-element om gerelateerde formulierbesturingselementen te groeperen en het legend-element om een bijschrift voor de groep te geven. Het richt zich op een productselectieformulier waarbij gebruikers meerdere producten kunnen kiezen.

index.html

index.html

index.css

index.css

copy
  • Het fieldset groepeert de selectievakjes in één logische sectie;
  • De legend geeft aan waar de groep over gaat;
  • Selectievakjes maken het mogelijk om meerdere items te selecteren.
Note
Opmerking

Je hebt de laatste HTML-stap voltooid. Als je je vaardigheden verder wilt ontwikkelen, is je volgende stap CSS , waar je leert hoe je moderne, aantrekkelijke webpagina's kunt vormgeven en ontwerpen.

1. Wat is het doel van het legend-element in HTML-fieldsets?

2. Waarom is het belangrijk om gerelateerde formelementen te groeperen met het fieldset-element?

question mark

Wat is het doel van het legend-element in HTML-fieldsets?

Select the correct answer

question mark

Waarom is het belangrijk om gerelateerde formelementen te groeperen met het fieldset-element?

Select the correct answer

Was alles duidelijk?

Hoe kunnen we het verbeteren?

Bedankt voor je feedback!

Sectie 5. Hoofdstuk 10
some-alt