Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lära Gruppering av Formelement för Bättre Struktur | HTML-Formulär och Användarinmatning
Ultimate HTML

bookGruppering av Formelement för Bättre Struktur

När formulärfält är relaterade underlättar gruppering för användaren att bearbeta informationen. 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 gruppen.

Användbart för radioknappar, kryssrutor och alla sektioner med relaterade fält.

index.html

index.html

index.css

index.css

copy

Exempel

Detta exempel använder elementet fieldset för att gruppera relaterade formulärkontroller och elementet legend för att ge en rubrik till gruppen. Det fokuserar på ett produktvalformulär där användare kan välja flera produkter.

index.html

index.html

index.css

index.css

copy
  • fieldset grupperar kryssrutorna i en logisk sektion;
  • legend anger för användaren vad gruppen handlar om;
  • Kryssrutor möjliggör val av flera objekt.
Note
Notering

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ärelement med fieldset-elementet?

question mark

Vad är syftet med legend-elementet i HTML fieldsets?

Select the correct answer

question mark

Varför är det viktigt att gruppera relaterade formulärelement med fieldset-elementet?

Select the correct answer

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 5. Kapitel 10

Fråga AI

expand

Fråga AI

ChatGPT

Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal

bookGruppering av Formelement för Bättre Struktur

Svep för att visa menyn

När formulärfält är relaterade underlättar gruppering för användaren att bearbeta informationen. 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 gruppen.

Användbart för radioknappar, kryssrutor och alla sektioner med relaterade fält.

index.html

index.html

index.css

index.css

copy

Exempel

Detta exempel använder elementet fieldset för att gruppera relaterade formulärkontroller och elementet legend för att ge en rubrik till gruppen. Det fokuserar på ett produktvalformulär där användare kan välja flera produkter.

index.html

index.html

index.css

index.css

copy
  • fieldset grupperar kryssrutorna i en logisk sektion;
  • legend anger för användaren vad gruppen handlar om;
  • Kryssrutor möjliggör val av flera objekt.
Note
Notering

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ärelement med fieldset-elementet?

question mark

Vad är syftet med legend-elementet i HTML fieldsets?

Select the correct answer

question mark

Varför är det viktigt att gruppera relaterade formulärelement med fieldset-elementet?

Select the correct answer

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 5. Kapitel 10
some-alt