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 | Tabeller og Formularer
HTML-Grundlæggende

bookMærkning af Formularfelter

Etiketter (<label>) er essentielle for at forbinde tekstetiketter med formularinputfelter, hvilket forbedrer tilgængelighed og brugervenlighed. Det er afgørende, at for-attributten i <label> -tagget matcher id -attributten for 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 fokus automatisk blive sat 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

copy

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

2. Hvilket attribut mangler på input-elementet, som skal forbindes med label-elementet?

question mark

Hvilket attribut på <label>-tagget bruges til at forbinde det med et specifikt <input>-element i en formular?

Select the correct answer

question mark

Hvilket attribut mangler på input-elementet, som skal forbindes med label-elementet?

Select the correct answer

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 4. Kapitel 6

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

Suggested prompts:

Can you show me the previous example so I can add the labels?

Which input fields do you want to add labels to?

Do you want any specific text for the labels?

Awesome!

Completion rate improved to 2.86

bookMærkning af Formularfelter

Stryg for at vise menuen

Etiketter (<label>) er essentielle for at forbinde tekstetiketter med formularinputfelter, hvilket forbedrer tilgængelighed og brugervenlighed. Det er afgørende, at for-attributten i <label> -tagget matcher id -attributten for 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 fokus automatisk blive sat 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

copy

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

2. Hvilket attribut mangler på input-elementet, som skal forbindes med label-elementet?

question mark

Hvilket attribut på <label>-tagget bruges til at forbinde det med et specifikt <input>-element i en formular?

Select the correct answer

question mark

Hvilket attribut mangler på input-elementet, som skal forbindes med label-elementet?

Select the correct answer

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 4. Kapitel 6
some-alt