Gecombineerde testpagina

Overzicht van het element in mogelijke structuren om te testen.

Tests

Gecombineerd invoerveld met button

Visueel voorbeeld:

HTML-voorbeeld:

<form action="" method="post">
  <div>
    <label for="voorbeeld-input-button">Ipsum</label>
    <div class="combined-field">
      <input id="voorbeeld-input-button" name="voorbeeld-input-button" type="text">
      <button class="icon icon-cat">Cat</button>
    </div>
  </div>
  <button type="submit">Verzend</button>
</form>

Gecombineerde invoervelden

Visueel voorbeeld:

HTML-voorbeeld:

<form action="" method="post">
  <div class="combined-field">
    <div>
      <label for="voorbeeld-combined-inputs-1">Ipsum</label>
      <input id="voorbeeld-combined-inputs-1" name="voorbeeld-combined-inputs-1" type="text">
    </div>
    <div>
      <label for="voorbeeld-combined-inputs-2">Ipsum</label>
      <input id="voorbeeld-combined-inputs-2" name="voorbeeld-combined-inputs-2" type="text">
    </div>
  </div>

  <button type="submit">Verzend</button>
</form>