Gruppering av skjemaelementer for bedre struktur
Sveip for å vise menyen
Når skjemafelt er relatert, hjelper gruppering brukerne med å behandle informasjonen lettere. Det deler opp store skjemaer i mindre, tydelige seksjoner og forbedrer brukervennligheten. I HTML gjøres gruppering med <fieldset> og <legend>.
fieldset- og legend-elementer
<fieldset>grupperer relaterte skjemakontroller;<legend>legger til en tittel for gruppen.
Nyttig for radioknapper, avkrysningsbokser og alle seksjoner med relaterte felt.
index.html
index.css
Eksempel
Dette eksempelet bruker fieldset-elementet for å gruppere relaterte skjemakontroller sammen, og legend-elementet for å gi en overskrift til gruppen. Det fokuserer på et produktvalgskjema hvor brukere kan velge flere produkter.
index.html
index.css
fieldsetgrupperer avkrysningsboksene i én logisk seksjon;legendforteller brukeren hva gruppen handler om;- Avkrysningsbokser gjør det mulig å velge flere elementer.
Du har fullført det siste HTML-trinnet. Hvis du ønsker å utvikle ferdighetene dine videre, er neste steg CSS , hvor du lærer å style og designe moderne, attraktive nettsider.
1. Hva er formålet med legend-elementet i HTML fieldsets?
2. Hvorfor er det viktig å gruppere relaterte skjemafelt med fieldset-elementet?
Takk for tilbakemeldingene dine!
Spør AI
Spør AI
Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår
