Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Lære Mærkning af formularfelter | Sektion
HTML-Grundlæggende

Mærkning af formularfelter

Stryg for at vise menuen

Etiketter (<label>) er essentielle for at forbinde tekstetiketter med formularinputelementer, hvilket forbedrer tilgængelighed og brugervenlighed. Det er afgørende, at for-attributten på <label> -tagget matcher id -attributten på det tilknyttede input -element.
Eksempel:

<label for="username">Username:</label>
<input type="text" id="username" />

I eksemplet ovenfor:

  • Når du klikker på etiketten Username:, vil det automatisk fokusere på det tilsvarende inputfelt;
  • label og input er forbundet ved hjælp af henholdsvis for- og id-attributterne;
  • Både for- og id-attributterne har samme værdi (username).

Gør det nemmere at udfylde formularen ved at tilføje etiketter til inputfelterne fra det forrige eksempel.

index.html

index.html

1. Hvilket attribut i <label>-tagget bruges til at knytte det til et specifikt <input>-element i en formular?

2. Hvilket attribut mangler på input-elementet, som skal knyttes til label-elementet?

question mark

Hvilket attribut i <label>-tagget bruges til at knytte det til et specifikt <input>-element i en formular?

Vælg det korrekte svar

question mark

Hvilket attribut mangler på input-elementet, som skal knyttes til label-elementet?

Vælg det korrekte svar

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 1. Kapitel 18

Spørg AI

expand

Spørg AI

ChatGPT

Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat

Mærkning af formularfelter

Etiketter (<label>) er essentielle for at forbinde tekstetiketter med formularinputelementer, hvilket forbedrer tilgængelighed og brugervenlighed. Det er afgørende, at for-attributten på <label> -tagget matcher id -attributten på det tilknyttede input -element.
Eksempel:

<label for="username">Username:</label>
<input type="text" id="username" />

I eksemplet ovenfor:

  • Når du klikker på etiketten Username:, vil det automatisk fokusere på det tilsvarende inputfelt;
  • label og input er forbundet ved hjælp af henholdsvis for- og id-attributterne;
  • Både for- og id-attributterne har samme værdi (username).

Gør det nemmere at udfylde formularen ved at tilføje etiketter til inputfelterne fra det forrige eksempel.

index.html

index.html

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 1. Kapitel 18
some-alt