Labo 05 - Contactformulier
Doel van de opdracht
- Inzicht krijgen in de werking van een AMP-stack (Apache, MySQL, PHP).
- Een HTML-formulier correct koppelen aan PHP-verwerking.
- Formuliergegevens veilig verwerken en opslaan in een databank.
- Werken met foutboodschappen bij ongeldige invoer.
- Een “thank you”-pagina tonen na succesvol verzenden.
- Berichten uitlezen via een beveiligde pagina (
mymessages.php). - Het contactformulier integreren in het bestaande portfolio.
Beschrijving
In dit labo heb ik een dynamisch contactformulier gebouwd met HTML, CSS en PHP. Het formulier bestaat uit drie invoervelden: naam, e-mail en bericht. Na het verzenden worden de gegevens gevalideerd en opgeslagen in een MySQL-databank.
Ik heb gebruikgemaakt van een lokale AMP-stack om PHP correct te kunnen uitvoeren. De aangeleverde PHP-demo-code werd aangepast zodat deze correct samenwerkt met mijn eigen HTML-structuur en formulierattributen.
Na een succesvolle verzending wordt de gebruiker doorgestuurd naar een
bedanktpagina. De opgeslagen berichten kunnen geraadpleegd worden via een
aparte pagina (mymessages.php), die enkel bedoeld is voor de eigenaar
van het portfolio.
Tot slot heb ik het formulier visueel afgestemd op de rest van mijn portfolio door consistente styling toe te passen op invoervelden, foutboodschappen en knoppen.
Gerelateerde links
Reflectie
Wow!
Het was interessant om te zien hoe HTML, PHP en MySQL samenwerken om een dynamisch contactformulier te realiseren.
Aauw!
Het correct instellen van de databankverbinding en het debuggen van PHP-fouten kostte meer tijd dan verwacht.
Niet zeker?
Ik ben nog niet volledig zeker over alle beveiligingsmaatregelen die nodig zijn om formuliergegevens optimaal te beschermen tegen misbruik.