Når elementer er relatert til hverandre, er det fordelaktig å gruppere dem, da det hjelper brukeren å bedre forstå skjemaet, og det lar dem konsentrere seg om mindre, strukturerte sett med felt i stedet for å forsøke å forstå hele skjemaet på en gang. Gruppering kan oppnås både visuelt på grensesnittet og logisk i koden.

fieldset og legend Elementer

Du kan bruke <fieldset> elementet for å gruppere flere relaterte skjemafelt sammen. Det gir en beholder for disse elementene, og du kan legge til en gruppetittel ved å bruke det nestede <legend> elementet. Det er viktig å gruppere relaterte radioknapper og avkrysningsbokser, og andre felttyper kan også grupperes etter behov. Dette bidrar til å forbedre organiseringen og klarheten i skjemaet for brukeren.

Eksempel

Dette eksempelet bruker fieldset-elementet for å gruppere relaterte skjemakontroller sammen og legend-elementet for å gi en bildetekst for gruppen. Det fokuserer på et produktvalgskjema der brukere kan velge flere produkter.

• fieldset grupperer avkrysningsboksene sammen, noe som gjør skjemaet mer organisert og lettere å forstå for brukeren;

• legend gir en tittel, som forteller brukeren at seksjonen er for å velge produkter;

• Avkrysningsboksene lar brukeren velge flere produkter fra de tilgjengelige alternativene. Hvert alternativ er assosiert med et spesifikt produkt (grønnsak, frukt, meieri).

Merk

Gratulerer med å ha fullført HTML-kurset! Du har nådd det siste kapittelet, og nå har du et solid grunnlag i webutvikling. Hvis du er interessert i å utforske feltet videre, vurder å dykke inn i CSS - språket for styling og design av nettsider. Forbedre ferdighetene dine og lås opp uendelige muligheter for å skape visuelt tiltalende nettsteder.