Summary  
Demonstrates how to associate text labels with form input elements by matching the `for` and `id` attributes to improve accessibility and focus behavior.  

General domain of usage  
Web forms


<u>Etiketter (`<label>`) er essentielle for at forbinde tekstetiketter med formularinputfelter</u>, hvilket forbedrer tilgængelighed og brugervenlighed. Det er afgørende, at **`for`-attributten i** `<label>` **-tagget matcher** `id` **-attributten for det tilknyttede** `input` **-element.** <br>**Eksempel**:
```html
<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.

PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPG1ldGEgY2hhcnNldD0iVVRGLTgiIC8+CiAgPC9oZWFkPgogIDxib2R5PgogICAgPGZvcm0gb25zdWJtaXQ9InJldHVybiBmYWxzZSI+CiAgICAgIDxsYWJlbCBmb3I9InRleHQtaW5wdXQiPkVudGVyIHlvdXIgbmFtZTo8L2xhYmVsPgogICAgICA8aW5wdXQgdHlwZT0idGV4dCIgaWQ9InRleHQtaW5wdXQiIC8+IDxiciAvPgoKICAgICAgPGxhYmVsIGZvcj0icGFzc3dvcmQtaW5wdXQiPkVudGVyIHlvdXIgcGFzc3dvcmQ6PC9sYWJlbD4KICAgICAgPGlucHV0IHR5cGU9InBhc3N3b3JkIiBpZD0icGFzc3dvcmQtaW5wdXQiIC8+IDxiciAvPgoKICAgICAgPGxhYmVsIGZvcj0ibWFpbCI+RW50ZXIgeW91ciBlbWFpbDo8L2xhYmVsPgogICAgICA8aW5wdXQgdHlwZT0iZW1haWwiIGlkPSJtYWlsIiAvPiA8YnIgLz4KCiAgICAgIDxsYWJlbCBmb3I9InBob25lIj5QaG9uZSBudW1iZXI6PC9sYWJlbD4KICAgICAgPGlucHV0IHR5cGU9InRlbCIgaWQ9InBob25lIiAvPiA8YnIgLz4KCiAgICAgIDxsYWJlbCBmb3I9ImFnZSI+QWdlOjwvbGFiZWw+CiAgICAgIDxpbnB1dCB0eXBlPSJudW1iZXIiIGlkPSJhZ2UiIC8+IDxiciAvPgoKICAgICAgPGxhYmVsIGZvcj0iY2hlY2tib3gtaW5wdXQiPkFncmVlIHdpdGggdGVybXMgYW5kIGNvbmRpdGlvbnM6PC9sYWJlbD4KICAgICAgPGlucHV0IHR5cGU9ImNoZWNrYm94IiBpZD0iY2hlY2tib3gtaW5wdXQiIC8+IDxiciAvPgoKICAgICAgPGxhYmVsIGZvcj0icmFkaW8taW5wdXQiPlNlbGVjdCB5b3VyIGdlbmRlcjo8L2xhYmVsPgogICAgICA8aW5wdXQgdHlwZT0icmFkaW8iIGlkPSJyYWRpby1pbnB1dCIgLz4gPGJyIC8+CgogICAgICA8bGFiZWwgZm9yPSJmaWxlLWlucHV0Ij5VcGxvYWQgYSBmaWxlOjwvbGFiZWw+CiAgICAgIDxpbnB1dCB0eXBlPSJmaWxlIiBpZD0iZmlsZS1pbnB1dCIgLz4gPGJyIC8+CgogICAgICA8bGFiZWwgZm9yPSJkYXRlLWlucHV0Ij5TZWxlY3QgYSBkYXRlOjwvbGFiZWw+CiAgICAgIDxpbnB1dCB0eXBlPSJkYXRlIiBpZD0iZGF0ZS1pbnB1dCIgLz4gPGJyIC8+CgogICAgICA8bGFiZWwgZm9yPSJ0aW1lLWlucHV0Ij5TZWxlY3QgYSB0aW1lOjwvbGFiZWw+CiAgICAgIDxpbnB1dCB0eXBlPSJ0aW1lIiBpZD0idGltZS1pbnB1dCIgLz4gPGJyIC8+CgogICAgICA8bGFiZWwgZm9yPSJkYXRldGltZS1pbnB1dCI+TWFrZSBhbiBhcHBvaW50bWVudCBhdDo8L2xhYmVsPgogICAgICA8aW5wdXQgdHlwZT0iZGF0ZXRpbWUtbG9jYWwiIGlkPSJkYXRldGltZS1pbnB1dCIgLz4KICAgIDwvZm9ybT4KICA8L2JvZHk+CjwvaHRtbD4=

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

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

Behersk det grundlæggende i HTML for at opbygge velstruktureret og tilgængeligt webindhold. Lær at strukturere dokumenter ved hjælp af tags, elementer og attributter. Arbejd sikkert med tekst, lister, billeder, lyd og video for at berige websider. Opret tabeller for organiserede data og formularer til brugerinput og interaktion. Opdag semantisk HTML for at forbedre tilgængelighed og opbygge komplette, funktionelle webstedsstrukturer fra bunden.

Få en introduktion til internettet og HTML, herunder betydningen af tags, elementer og attributter. Lær om den grundlæggende struktur af et HTML-dokument samt en kort historie om internettet.

Behersk det grundlæggende i HTML-markup med fokus på særlig tekstformatering og lister samt forstå deres betydning for strukturering af indhold i et HTML-dokument. Udforsk detaljerne i HTML-dokumentets struktur, mens du forfiner teknikker til tekstmarkup.

Udnyt potentialet i visuelt og auditivt indhold i webudvikling ved at lære at integrere billeder, video- og lyd-elementer problemfrit i HTML-dokumenter. Udforsk nuancerne ved at inkludere forskellige medieformater.

Naviger i kompleksiteten ved datapræsentation og brugerinteraktion med en omfattende gennemgang af tabeller og formularer i HTML, herunder tabelstrukturer, oprettelse af formularer og inputelementer. Opnå færdigheder i implementering af inputelementer i formularer og udnyttelse af attributter for øget funktionalitet.

Forbedr dine HTML-færdigheder ved at udforske semantiske HTML-elementer, hvilket muliggør oprettelse af velstruktureret og tilgængeligt webindhold. Begynd at opbygge dit første website og anvend den nye viden til at realisere dine idéer.

Mærkning af Formularfelter

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?

Mærkning af Formularfelter

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?

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