Tekstveld

Introductie

Een tekstveld wordt gebruikt om langere teksten of opmerkingen van de gebruiker te verzamelen, zoals beschrijvingen, feedback of berichten. Het biedt voldoende ruimte voor uitgebreide invoer en maakt het invullen van langere teksten overzichtelijk.

Snelstart

SCSS importeren: 
    
    @use "@minvws/manon/components/form";
@use "@minvws/manon/components/form-textarea";

Voorbeelden

Voorbeeld: Basis

Stel jouw vraag of voeg jouw opmerking toe 
    
    <form action="" method="post">
  <label for="voorbeeld-tekstveld-base">Bericht</label>
  <span class="nota-bene" id="voorbeeld-tekstveld-base-explanation">
    Stel jouw vraag of voeg jouw opmerking toe:
  </span>
  <textarea
    id="voorbeeld-tekstveld-base"
    name="voorbeeld-tekstveld-base"
    rows="5"
    aria-describedby="voorbeeld-tekstveld-base-explanation"
  >
  </textarea>

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

Zorg er voor gebruiksvriendelijkheid voor dat het tekstveld een duidelijke vraag en/of duidelijk doel heeft. Voeg een omschrijvend label toe en stel een vraag of geef duidelijke richtlijnen mee door middel van een nota-bene.

rows="number" geeft de initiële hoogte van het tekstveld aan in de hoeveelheid regels. Als er een langer bericht verwacht of aangemoedigd wordt is het voor de gebruiker fijn om een hoger initieel tekstveld te hebben.