Webformulieren voor websites maken (praktijk-tutorial)

Hier kom je te weten waar de cursus over gaat en wat je kunt verwachten.

Waarom zou je überhaupt HTML-formulieren gebruiken en hoe werkt dat in het algemeen?

Hier wordt het project aangemaakt waarin het eerste formulier geïntegreerd zal worden.

Je maakt je eerste eenvoudige formulier en leert de basisstructuur kennen.

We belichten de diverse toepassingsmogelijkheden van HTML-formulieren in webapplicaties.

Je leert hoe je de door gebruikers ingevoerde gegevens uitleest en verwerkt met JavaScript.

Ik ga in op de ontwerpmogelijkheden van formulieren en laat je verschillende invoervelden zien.

Je implementeert een eenvoudige e-mailvalidatie om ervoor te zorgen dat de ingevoerde gegevens overeenkomen met het e-mailformaat.

We zijn bezig met numerieke invoer en de bijbehorende attributen om de mogelijke waarden te beperken.

Je leert hoe je gebeurtenissen in JS kunt afvangen die optreden bij het wijzigen van de inhoud van een invoerveld.

We verdiepen ons in het onderwerp gebeurtenishandling en gebruiken addEventListener voor flexibelere reacties.

Een uitgebreid overzicht van de verschillende input-typen en hun eigenschappen.

We bespreken de belangrijkste attributen om het gedrag van invoervelden te beheren.

Je leert hoe je complexe validaties uitvoert met reguliere expressies en het required- attribuut.

We laten je zien hoe je de spellingscontrole in je formulieren kunt activeren of deactiveren.

Je leert hoe je wachtwoordvelden aanmaakt.

We beginnen met de basisprincipes van de selectievakjes en hun toepassingsmogelijkheden.

Je leert hoe je de status van selectievakjes kunt uitlezen en instellen met JavaScript.

Ik laat verschillende manieren zien om het uiterlijk van selectievakjes aan te passen.

Ik leg uit hoe radioknoppen werken en hoe je ze in je formulieren gebruikt.

Je leert hoe je gebruikers toestaat bestanden te uploaden.

Je verdiept je kennis over het uploaden van bestanden en leert hoe je het geselecteerde bestand met JavaScript kunt bewerken.

Ik ga in op het gebruik van verborgen invoervelden voor het versturen van extra informatie.

We zetten de verschillende mogelijkheden om getallen in te voeren op een rij.

Je leert hoe je met bereikschuiven een specifiek bereik aan waarden kunt selecteren en een schuifregelaar kunt implementeren.

Ik zal je laten zien hoe je datums en tijden invoert in je formulieren.

We concentreren ons op de speciale invoervelden voor e-mailadressen en URL's.

Jij leert hoe je kleuren selecteert via een kleurkiezer.

Ik zal de invoervelden voor zoektermen en telefoonnummers aan u voorstellen.

Je leert hoe je meerregelige tekstinvoer met het textarea-element implementeert.

Ik leg uit hoe je selecteerbare lijsten maakt met het select-element.

Je leert hoe je de opties in een selectielijst kunt groeperen.

Ik laat je zien hoe je suggestielijsten voor invoervelden maakt.

Je leert hoe je de automatische aanvulling van invoer activeert.

Ik zal uitleggen hoe je je formulieren structureert met fieldset-elementen.

Een uitgebreide introductie tot client-side formuliervalidatie met JavaScript.

Ik zal laten zien hoe je de verzonden formuliergegevens op de server kunt ontvangen met Node.js en Express .

Je leert hoe je formuliergegevens ontvangt met de GET-methode.

Ik leg uit hoe je formuliergegevens ontvangt met de POST-methode.

We beginnen met het maken van een React-project en het integreren van formulieren.

Jij leert hoe je verschillende invoerelementen in React gebruikt.

We gaan aan de slag met de select- en textarea-elementen in React.

Ik zal laten zien hoe je formulieren behandelt met het JavaScript-framework Alpine.js.

Ik leg uit hoe je formulieren integreert in Vue.js-toepassingen.