Datum

Overzicht van het element in mogelijke structuren om te testen.

Tests

Basis

Visueel voorbeeld:

HTML-voorbeeld:

<form action="" method="post">
<label for="voorbeeld-date-base">Datum</label>
<input id="voorbeeld-date-base" name="voorbeeld-date-base" type="date">
<button type="submit">Verzend</button>
</form>

Input en label gegroepeerd binnen een div

Visueel voorbeeld:

HTML-voorbeeld:

<form action="" method="post">
<div>
<label for="voorbeeld-date-div">Datum</label>
<input id="voorbeeld-date-div" name="voorbeeld-date-div" type="date">
</div>
<button type="submit">Verzend</button>
</form>

Input en label gegroepeerd binnen een section

Visueel voorbeeld:

HTML-voorbeeld:

<form action="" method="post">
<section>
<label for="voorbeeld-date-section">Datum</label>
<input id="voorbeeld-date-section" name="voorbeeld-date-section" type="date">
</section>
<button type="submit">Verzend</button>
</form>

Input en label gegroepeerd binnen een fieldset

Visueel voorbeeld:

HTML-voorbeeld:

<form action="" method="post">
<fieldset>
<legend>Datumveld voorbeeld</legend>
<label for="voorbeeld-date-fieldset">Datum</label>
<input id="voorbeeld-date-fieldset" name="voorbeeld-date-fieldset" type="date">
</fieldset>
<button type="submit">Verzend</button>
</form>