Verplicht invoerveld (required)

Het required-attribuut maakt een invoerveld verplicht. Dit betekent dat de gebruiker verplicht iets moet invullen voordat het formulier kan worden verzonden.

Voorbeeld:

<form>
    <label for="mail">E-mail:</label>
    <input type="email" id="mail" name="mail" required>
    <button type="submit">Verzenden</button>
</form>

Placeholder (placeholder)

Het placeholder-attribuut toont een korte voorbeeld- of hinttekst in het invoerveld zolang het veld leeg is. Zodra de gebruiker begint te typen, verdwijnt deze tekst automatisch. Dit kan handig zijn om een voorbeeld van het formaat te tonen (bv. [email protected]) of duidelijk te maken wat er verwacht wordt. Een placeholder is geen vervanging voor een <label> (labels blijven belangrijk voor duidelijkheid en toegankelijkheid).

Voorbeeld:

<form>
    <label for="mail">E-mail:</label>
    <input type="email" id="mail" name="mail" placeholder="[email protected]" required>
    <button type="submit">Verzenden</button>
</form>

Samenvatting