Når elementer er relateret til hinanden, er det fordelagtigt at gruppere dem, da det hjælper brugeren med bedre at forstå formularen, og det giver dem mulighed for at koncentrere sig om mindre, strukturerede sæt af felter i stedet for at forsøge at forstå hele formularen på én gang. Gruppering kan opnås både visuelt på grænsefladen og logisk i koden.

fieldset og legend Elementer

Du kan bruge <fieldset> elementet til at gruppere flere relaterede form elementer sammen. Det giver en container til disse elementer, og du kan tilføje en gruppetitel ved hjælp af det indlejrede <legend> element. Det er vigtigt at gruppere relaterede radioknapper og afkrydsningsfelter, og andre felttyper kan også grupperes efter behov. Dette hjælper med at forbedre organisationen og klarheden af formularen for brugeren.

Eksempel

Dette eksempel bruger fieldset elementet til at gruppere relaterede formkontroller sammen og legend elementet til at give en overskrift for gruppen. Det fokuserer på en produktvalg formular, hvor brugerne kan vælge flere produkter.

• fieldset grupperer afkrydsningsfelterne sammen, hvilket gør formularen mere organiseret og lettere at forstå for brugeren;

• legend giver en titel, der fortæller brugeren, at sektionen er til valg af produkter;

• Afkrydsningsfelterne giver brugeren mulighed for at vælge flere produkter fra de tilgængelige muligheder. Hver mulighed er forbundet med et specifikt produkt (grøntsag, frugt, mejeri).

Bemærk

Tillykke med at have afsluttet HTML-kurset! Du har nået det sidste kapitel, og nu er du udstyret med et solidt fundament inden for webudvikling. Hvis du er interesseret i at udforske området yderligere, overvej at dykke ned i CSS - sproget for webside styling og design. Forbedr dine færdigheder og lås op for uendelige muligheder for at skabe visuelt tiltalende hjemmesider.