Formelementen

Formelementen zijn gebruikersinterface-elementen die worden gebruikt om gegevens te verzamelen van gebruikers binnen een formulier of document. In HTML komen ze overeen met elementen zoals input, textarea, select, button, fieldset en datalist. Elk element levert een waarde op die wordt meegestuurd als onderdeel van het formulier, meestal gekoppeld aan een name-attribuut.

Belangrijke elementen zijn: input (met types zoals text, email, number, date, time, checkbox, radio, file, hidden), textarea voor langere tekst, select met opties en optgroup, en button voor acties zoals indienen of resetten. Fieldset groepeert gerelateerde controles, en datalist biedt voorgestelde waarden bij invoer.

Gedrag en validatie: Formelementen kunnen eigenschappen hebben als required, min/max of pattern voor HTML5-validatie. Ze leveren standaard events zoals input en change, en kunnen via het constraint validation API als ongeldig gemarkeerd worden. Een standaardwaarde kan worden ingesteld met value, en gekozen opties met checked of selected. Controls kunnen uitgeschakeld (disabled) of readonly gemaakt worden.

Toegankelijkheid en styling: Labels verbinden met de controle via for of nesting; fieldset en legend verbeteren structuur en leesbaarheid. Zorg voor toetsenbordnavigatie en zichtbare focus. Gebruik aria-labels waar nodig, en vermijd onduidelijke custom widgets zonder semantische HTML. Formelementen kunnen met CSS worden gestileerd en met JavaScript worden gepersonaliseerd, terwijl de onderliggende betekenis behouden blijft.

Gegevensverwerking: De waarden van formelementen vormen de verzamelde data die wordt verzonden bij het indienen van het formulier, meestal als naam=waarde-paar. Formulieren kunnen via standaard submit of via AJAX worden verzonden. Server- of clientside verwerkingen interpreteren deze gegevens voor opslag, validatie of berekeningen.