Basisprincipes van formulieraanmaak in HTML

Het HTML <form>-element is een fundamenteel bouwblok voor het maken van interactieve formulieren op een webpagina. Het dient als container voor alle formelementen. Hier volgt een voorbeeld van een eenvoudig formulier:

Uitleg van de form-attributen:

• name identificeert het formulier voor zowel client als server. Mag letters, cijfers, underscores en streepjes bevatten, maar geen spaties;
• autocomplete bepaalt of de browser formulier-velden automatisch kan invullen (aan of uit). Kan toegepast worden op het formulier of op individuele invoervelden;
• novalidate schakelt de ingebouwde browser-validatie uit, handig wanneer validatie handmatig met JavaScript wordt afgehandeld.

Overzicht van kindelementen

Binnen een <form> gebruik je verschillende elementen die de functionaliteit bepalen. <input> maakt het mogelijk voor gebruikers om gegevens in te voeren zoals tekst, getallen, e-mails en wachtwoorden. In het voorbeeld gebruiken de velden type="email" en type="password". <label> biedt beschrijvende tekst voor invoervelden en verbetert de structuur en toegankelijkheid van het formulier. <button type="submit"> verstuurt de formuliergegevens. Standaard wordt hierdoor de pagina opnieuw geladen, maar dit gedrag kan met JavaScript worden aangepast.