Tekstvakken

Tekstvakken zijn invoerelementen in digitale gebruikersinterfaces waarmee gebruikers tekst kunnen typen of waarin tekst wordt weergegeven. Ze komen veelvuldig voor op websites, in apps en in softwareformulieren, bijvoorbeeld bij contactformulieren, zoekvelden en profielbewerkingen.

In webstandaarden worden tekstvakken doorgaans geïmplementeerd met HTML-elementen zoals input en textarea. Een enkel-regelig tekstvak wordt meestal gerealiseerd met het element input met type=text; een meervelig veld met textarea. Tekstvakken kunnen placeholders, een standaardwaarde, een maximaal aantal tekens (maxlength), verplichte invoer (required) en patroonvalidatie (pattern) bevatten. Ook autocomplete en autofill worden vaak gebruikt.

Toegankelijkheid: elk tekstvak moet een label hebben; labelkoppeling via for/id of aria-label; goede contrast, een zichtbare focusring en ondersteuning voor toetsenbordbediening zijn belangrijk om ook mensen met een beperking te kunnen bedienen.

Validatie en gegevensverwerking: tekstvakken kunnen zowel client-side als server-side validatie hebben; HTML5-validatie omvat eigenschappen zoals required, minlength, maxlength en pattern. Bij verzenden worden waarden opgenomen in het formulier dat naar de server wordt gestuurd; privacy en beveiliging zijn van belang, vooral bij gevoelige informatie.

Variant en toepassingen: naast gewone tekstvakken bestaan er varianten zoals password en email; voor langere invoer is er bijvoorbeeld textarea. Tekstvakken worden veel gebruikt in formulieren, zoekfuncties en gebruikersprofielen.