Gruppering av formelement för bättre struktur
Svep för att visa menyn
När formulärfält är relaterade hjälper gruppering användare att bearbeta informationen lättare. Det delar upp stora formulär i mindre, tydliga sektioner och förbättrar användbarheten. I HTML görs gruppering med <fieldset> och <legend>.
fieldset- och legend-element
<fieldset>grupperar relaterade formulärkontroller;<legend>lägger till en titel för den gruppen.
Användbart för radioknappar, kryssrutor och alla sektioner med relaterade fält.
index.html
index.css
Exempel
Detta exempel använder elementet fieldset för att gruppera relaterade formulärkontroller tillsammans och elementet legend för att ge en rubrik till gruppen. Fokus ligger på ett produktvalformulär där användare kan välja flera produkter.
index.html
index.css
fieldsetgrupperar kryssrutorna i en logisk sektion;legendanger för användaren vad gruppen handlar om;- Kryssrutor möjliggör val av flera objekt.
Du har slutfört det sista HTML-steget. Om du vill fortsätta utveckla dina färdigheter är nästa steg CSS , där du lär dig att styla och designa moderna, attraktiva webbsidor.
1. Vad är syftet med legend-elementet i HTML fieldsets?
2. Varför är det viktigt att gruppera relaterade formulärfält med fieldset-elementet?
Tack för dina kommentarer!
Fråga AI
Fråga AI
Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal
