Invoervelden

Invoervelden zijn interactieve elementen in een formulier waarmee gebruikers gegevens kunnen invoeren. Ze vormen de belangrijkste manier om informatie van gebruikers te verzamelen en komen voor in verschillende typen en controles. In webapplicaties worden invoervelden meestal gerealiseerd met HTML-elementen zoals input, textarea en select. Elk invoerveld heeft een type dat bepaalt welk soort data het accepteert, de invoercontrole en validatiemogelijkheden. Veelvoorkomende typen zijn tekst (text, email, url, tel, password, search), numeriek (number, range), datum en tijd (date, time, month, week, datetime-local), kleur (color), bestandupload (file), en verborgen velden (hidden). Daarnaast zijn selectievakjes (checkboxes), keuzerondjes (radio) en dropdowns gangbaar.

Goede bruikbaarheid vereist duidelijke labeling. Elke invoerveld moet een bijbehorend label hebben en idealiter gekoppeld zijn via de id- en for-attributen; placeholders geven een voorbeeld, maar labels blijven essentieel voor toegankelijkheid. Validering kan a priori gebeuren met HTML-attributen zoals required, min, max, minlength, maxlength, pattern, en stap; browsers bieden meestal ingebouwde foutberichten, terwijl complexere validatie vaak op de server gebeurt.

Beveiliging en betrouwbaarheid vragen ook om server-side validatie en inputsanitatie om injectie en fouten te voorkomen. Bij formulieren wordt verzonden data meestal via POST of GET in application/x-www-form-urlencoded of multipart/form-data, soms als JSON bij AJAX-verzoeken. Invoervelden vormen daarmee de basis van interactie en data-invoer in digitale vormen en applicaties.