Les3 - Formulieren maken en verwerken

Formulieren maken en verwerken
1 / 14
suivant
Slide 1: Diapositive
Applicatie- en mediaontwikkelaarMBOStudiejaar 1

Cette leçon contient 14 diapositives, avec quiz interactifs et diapositives de texte.

time-iconLa durée de la leçon est: 60 min

Éléments de cette leçon

Formulieren maken en verwerken

Slide 1 - Diapositive

Cet élément n'a pas d'instructions

Hoe sta je er vandaag in ?
😒🙁😐🙂😃

Slide 2 - Sondage

Cet élément n'a pas d'instructions

Wat weet je al over het maken van een form en hoe die verwerkt wordt?

Slide 3 - Carte mentale

Cet élément n'a pas d'instructions

Leerdoel
Aan het einde van de les kun je een HTML-formulier maken en de ingevoerde gegevens verwerken.

Slide 4 - Diapositive

Cet élément n'a pas d'instructions

 HTML-formulier
  • Een HTML-formulier is een manier om gegevens van gebruikers te verzamelen. 
  • Het bestaat uit verschillende invoervelden zoals tekstvakken, keuzelijsten en knoppen.

Slide 5 - Diapositive

Cet élément n'a pas d'instructions

Formuliercode
  • Om een HTML-formulier te maken, gebruiken we de tag in combinatie met andere invoerelementen.
  •  De 'action' attribuut van de tag bepaalt waar de gegevens naartoe worden gestuurd.

Slide 6 - Diapositive

Cet élément n'a pas d'instructions

 Verwerken van formgegevens
Om de ingevoerde gegevens te verwerken, hebben we een script nodig dat wordt uitgevoerd wanneer het formulier wordt verzonden. 


Dit script kan worden geschreven in PHP.

Slide 7 - Diapositive

Cet élément n'a pas d'instructions

PHP-formulierverwerking
In het PHP-script kunnen we de ingevoerde gegevens ophalen met behulp van de $_POST superglobal variabel. 

We kunnen de waarden vervolgens gebruiken om verschillende acties uit te voeren, zoals het opslaan in een database of het versturen van een e-mail.

Slide 8 - Diapositive

Cet élément n'a pas d'instructions

Wat denk je dat er gebeurt nadat iemand op de "Sturen" knop klikt?

Slide 9 - Question ouverte

Cet élément n'a pas d'instructions

Wat is de functie van het "label" element in relatie tot het invoerveld?

Slide 10 - Question ouverte

Cet élément n'a pas d'instructions

Wat voor soort informatie zou je verwachten in het "email" invoerveld en waarom is het anders dan het "name" en "familienaam" velden?

Slide 11 - Question ouverte

Cet élément n'a pas d'instructions

Schrijf 3 dingen op die je deze les hebt geleerd.

Slide 12 - Question ouverte

De leerlingen voeren hier drie dingen in die ze in deze les hebben geleerd. Hiermee geven ze aan wat hun eigen leerrendement van deze les is.
Schrijf 2 dingen op waarover je meer wilt weten.

Slide 13 - Question ouverte

De leerlingen voeren hier twee dingen in waarover ze meer zouden willen weten. Hiermee vergroot je niet alleen betrokkenheid, maar geef je hen ook meer eigenaarschap.
Stel 1 vraag over iets dat je nog niet zo goed hebt begrepen.

Slide 14 - Question ouverte

De leerlingen geven hier (in vraagvorm) aan met welk onderdeel van de stof ze nog moeite. Voor de docent biedt dit niet alleen inzicht in de mate waarin de stof de leerlingen begrijpen/beheersen, maar ook een goed startpunt voor een volgende les.