Skip to main content

Check Box

Wat is een Check Box?

Een Check Box is een HTML <input>-element dat standaard wordt weergegeven als een vierkant vak in een formulier op een webpagina. Een selectievakje kan worden aangeklikt om individuele waarden te selecteren of deselecteren voor indiening in een formulier. Als een selectievakje niet is aangevinkt bij het verzenden van een formulier, wordt geen waarde doorgegeven aan de server. Geactiveerde Check Boxs zijn te herkennen aan een klein vinkje in het vakje.

Html selectievakje

Foto door Goran Ivos op Unsplash

Hoe werkt een Check Box?

Checkboxes worden in een webpagina geïntegreerd met de HTML-tag < input type=”checkbox”>. De tags worden aangevuld met de attributen “gecontroleerd”, “uitgeschakeld” of beide attributen samen. Door het attribuut checked toe te voegen, wordt het vakje al aangevinkt weergegeven, het is geactiveerd. Als aangevinkt en uitgeschakeld samen zijn gespecificeerd, wordt het selectievakje ingesteld, maar kan het niet door de gebruiker worden verwijderd. Als alleen uitgeschakeld is toegevoegd, kan het selectievakje niet worden geactiveerd. Zonder een attribuut is de Check Box leeg en kan worden geactiveerd.

Hoe ziet de HTML-code van een selectievakje eruit?

HTML-code van een selectievakje

Copyright: OM Optimiser GmbH

HTML-code van een selectievakje

Copyright: OM Optimiser GmbH

Naast de attributen krijgt elk selectievakje een ID, een naam en een waarde. Bijvoorbeeld, een volledige HTML-regel die een Check Box invoegt voor het selecteren van een nieuwsbrief ziet er als volgt uit:

<input type="checkbox" id="subscribeNewsletter" name="subscribe" value="newsletter">

Als het selectievakje geactiveerd is, is de naam van het gegevenspaar / de waarde die naar de server wordt gestuurd “subscribe = newsletter”.

Verdere informatie en voorbeelden over dit onderwerp zijn hier te vinden:
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox


Heeft u nog vragen?

Neem contact met ons op


Verdere inhoud