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>Labels (`<label>`) zijn essentieel voor het koppelen van tekstlabels aan formulierinvoervelden</u>, wat de toegankelijkheid en gebruiksvriendelijkheid vergroot. Het is van groot belang dat **het `for`-attribuut van de** `<label>` **tag overeenkomt met het** `id` **attribuut van het bijbehorende** `input` **element.** <br>**Voorbeeld**:
```html
<label for="username">Username:</label>
<input type="text" id="username" />
```
In het bovenstaande voorbeeld:
- Wanneer je op het label `Username:` klikt, wordt automatisch het bijbehorende invoerveld geselecteerd;
- Het `label` en de `input` zijn met elkaar verbonden via respectievelijk de `for`- en `id`-attributen;
- Zowel het `for`- als het `id`-attribuut hebben dezelfde waarde (`username`).

Maak het invullen van het formulier eenvoudiger door labels toe te voegen aan de invoervelden uit het vorige voorbeeld.

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

Welke attribuut van de `<label>`-tag wordt gebruikt om deze te koppelen aan een specifiek `<input>`-element in een formulier?

Welk attribuut ontbreekt bij het input-element dat gekoppeld moet worden aan het label-element?

Beheers de basisprincipes van HTML om goed gestructureerde en toegankelijke webinhoud te creëren. Leer hoe u documenten structureert met behulp van tags, elementen en attributen. Werk zelfverzekerd met tekst, lijsten, afbeeldingen, audio en video om webpagina's te verrijken. Maak tabellen voor georganiseerde gegevens en formulieren voor gebruikersinvoer en interactie. Ontdek semantische HTML om de toegankelijkheid te verbeteren en volledige, functionele websitestructuren vanaf de basis op te bouwen.

Maak kennis met het web en HTML, inclusief het belang van tags, elementen en attributen. Ontdek de basisstructuur van een HTML-document en een korte geschiedenis van het web.

Beheers de basisprincipes van HTML-markup, met nadruk op speciale tekstopmaak en lijsten, en begrijp het belang hiervan bij het structureren van inhoud binnen een HTML-document. Verdiep je in de details van de HTML-documentstructuur en verfijn technieken voor tekstopmaak.

Ontgrendel de kracht van visuele en auditieve inhoud in webontwikkeling door het naadloos integreren van afbeeldingen-, video- en audio-elementen in HTML-documenten. Verken de nuances van het opnemen van verschillende mediaformaten.

Verken de complexiteit van gegevenspresentatie en gebruikersinteractie met een volledige behandeling van tabellen en formulieren in HTML, inclusief tabelstructuren, formulieraanmaak en invoerelementen. Verwerf vaardigheid in het implementeren van formulierinvoerelementen en het benutten van attributen voor verbeterde functionaliteit.

Verhoog uw HTML-vaardigheden door u te verdiepen in semantische HTML-elementen, waarmee u gestructureerde en toegankelijke webinhoud kunt creëren. Begin met het bouwen van uw eerste website en pas uw nieuwe kennis toe om uw ideeën te realiseren.

Formuliervelden Labelen

1. Welke attribuut van de `<label>`-tag wordt gebruikt om deze te koppelen aan een specifiek `<input>`-element in een formulier?

2. Welk attribuut ontbreekt bij het input-element dat gekoppeld moet worden aan het label-element?

Formuliervelden Labelen

1. Welke attribuut van de `<label>`-tag wordt gebruikt om deze te koppelen aan een specifiek `<input>`-element in een formulier?

2. Welk attribuut ontbreekt bij het input-element dat gekoppeld moet worden aan het label-element?

Formuliervelden Labelen

1. Welke attribuut van de <label>-tag wordt gebruikt om deze te koppelen aan een specifiek <input>-element in een formulier?

2. Welk attribuut ontbreekt bij het input-element dat gekoppeld moet worden aan het label-element?

Formuliervelden Labelen

1. Welke attribuut van de <label>-tag wordt gebruikt om deze te koppelen aan een specifiek <input>-element in een formulier?

2. Welk attribuut ontbreekt bij het input-element dat gekoppeld moet worden aan het label-element?

1. Welke attribuut van de `<label>`-tag wordt gebruikt om deze te koppelen aan een specifiek `<input>`-element in een formulier?

1. Welke attribuut van de `<label>`-tag wordt gebruikt om deze te koppelen aan een specifiek `<input>`-element in een formulier?