Wanneer elementen met elkaar verband houden, is het voordelig om ze te groeperen, omdat dit de gebruiker helpt het formulier beter te begrijpen en hen in staat stelt zich te concentreren op kleinere, gestructureerde sets van velden in plaats van te proberen het hele formulier in één keer te begrijpen. Groeperen kan zowel visueel op de interface als logisch in de code worden bereikt.

fieldset en legend Elementen

Je kunt het <fieldset> element gebruiken om verschillende gerelateerde formulierelementen samen te groeperen. Het biedt een container voor deze elementen, en je kunt een groepstitel toevoegen met behulp van het geneste <legend> element. Het is belangrijk om gerelateerde keuzerondjes en selectievakjes te groeperen, en andere veldtypen kunnen indien nodig ook gegroepeerd worden. Dit helpt de organisatie en duidelijkheid van het formulier voor de gebruiker te verbeteren.

Voorbeeld

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

• De fieldset groepeert de selectievakjes, waardoor het formulier meer georganiseerd en gemakkelijker te begrijpen is voor de gebruiker;

• De legend biedt een titel, die de gebruiker vertelt dat de sectie bedoeld is voor het kiezen van producten;

• De selectievakjes stellen de gebruiker in staat om meerdere producten uit de beschikbare opties te selecteren. Elke optie is gekoppeld aan een specifiek product (groente, fruit, zuivel).

Opmerking

Gefeliciteerd met het afronden van de HTML-cursus! Je hebt het laatste hoofdstuk bereikt en bent nu uitgerust met een solide basis in webontwikkeling. Als je geïnteresseerd bent in het verder verkennen van het veld, overweeg dan om je te verdiepen in CSS - de taal van webpagina styling en ontwerp. Verbeter je vaardigheden en ontgrendel eindeloze mogelijkheden voor het creëren van visueel aantrekkelijke websites.