Om effectief gegevens te kunnen invullen wordt gebruik gemaakt van invoervelden (<input>). Om aan te geven wat er moet ingevuld worden gebruik je labels (<label>). Er zijn veel soorten invoervelden. Het attribuut type bepaalt in dit onderstaand voorbeeld dat er text moet worden ingegeven (zie verder voor meer mogelijkheden).

Sommige formuliervelden krijgen een unieke identificatie met behulp van een id attribuut (identification). Het for attribuut van het label moet verwijzen naar de id van het bijhorende input tag.

Label koppelen aan input-tag

Het for attribuut van het label moet verwijzen naar de id van het bijhorende input tag. De waarden van beide attributen moeten dus hetzelfde zijn (zie voorbeeld). Let op, een id moet uniek zijn in het HTML-document en moet starten met een letter. Als je klikt op het label in de browser en het invoerveld wordt geactiveerd, dan weet je dat ze correct gekoppeld zijn aan elkaar.

<label for="vnaam">Voornaam:</label>
<input type="text" id="vnaam" name="voornaam">