Formulierinvoer

Formulierinvoer verwijst naar de gegevens die een gebruiker invoert in een webformulier, bedoeld om naar een server of client-side scripts te worden gestuurd. Een formulier wordt gedefinieerd door het form-element en bevat verschillende invoerelementen waarmee gebruikers informatie kunnen achterlaten, zoals naam, e-mailadres of voorkeuren. De ingevoerde waarden worden geassocieerd met naam-attributen en opgenomen in de verzonden aanvraag.

De meest gebruikte invoerelementen zijn onder andere tekstvelden (input type="text"), wachtwoordvelden (type="password"), e-mail (type="email"), telefoon (type="tel"), URL (type="url"), getallen (type="number") en datum/tijd-types. Daarnaast zijn er select-velden met opties, radioknopjes (type="radio"), selectievakjes (type="checkbox"), tekstgebieden (textarea) en bestand-upload (type="file"). Elk invoerelement kan extra attributen hebben zoals name, id, required, placeholder, autocomplete, maxlength, minlength, pattern, min, max en step.

Validatie kan clientside plaatsvinden via HTML5-attributen en JavaScript, maar altijd is server-side validatie noodzakelijk om beveiligingsrisico’s te verkleinen. Toegankelijkheid is van belang: koppeling van labels aan inputs, gebruik van aria-kenmerken waar nodig, en voldoende contrast en toetsenbordbediening.

Bij verzending wordt meestal de methode GET of POST gebruikt naar een opgegeven actie-URL. Bij bestanden is multipart/form-data vereist. Op de server worden de gegevens gelezen via de opgegeven namen; beveiligingsmaatregelen zoals input-sanerisatie en CSRF-bescherming zijn essentieel. Praktische best practices omvatten duidelijke labels, logische groeperingen, feedback bij fouten en optimalisatie voor mobiel gebruik.