System
Menu

Componenten / Basis / Formulier

Tekstvak

Meerregelige invoer die meegroeit met de inhoud (field-sizing waar de browser het kent).

BasisFormulier4 instellingentextarea

Voorbeeld

Instellingen

Laden…

<div class="gx-field">
  <label class="gx-label" for="f-msg">Je bericht</label>
  <textarea class="gx-input gx-textarea" id="f-msg" name="message" rows="4" aria-describedby="f-msg-msg"></textarea>
  <p class="gx-hint" id="f-msg-msg">Vertel kort waar we je mee kunnen helpen.</p>
</div>

Instellingen

Alles wat je kunt variëren. Ook als query in de URL en als options in de MCP-tool get_component.

SleutelInstellingWaardenStandaard
stateStatusdefault error disableddefault
helpHulptekstaan / uittrue
requiredVerplichtaan / uitfalse
labelLabeltekstJe bericht

Richtlijnen

Toegankelijkheid

  • Zelfde regels als het tekstveld.

Wel

  • Minimaal 3 regels hoog.

Niet

  • Vaste hoogte die tekst afsnijdt.

Verwant

TekstveldInvoerveld met zichtbaar label, hulptekst en foutmelding direct onder het veld.
KeuzelijstNative select met eigen pijl: werkt overal, ook met toetsenbord en op mobiel.
SelectievakjeEén of meer keuzes aan of uit. Eigen vinkje, native input eronder.
KeuzerondjesEén keuze uit een kleine groep, gegroepeerd in een fieldset met legend.