<aside> 💡

Als je klaar bent laat je de challenge aftekenen bij de docent

</aside>

• Maak de onderstaande code af.
• Zorg dat het formulier reageert op POST en GET.
• Zet het verstuurde bericht netjes en verzorgd op de pagina.
• Maak variabelen aan om de waarden vanuit de POST of GET op te vangen.
• Valideer de waarden uit POST of GET (controleer ze op juistheid en veiligheid). Voor inspiratie hoe de waarden te valideren, kijk op deze pagina over formulier-validatie (met name helemaal onderaan die pagina).

Bonus:

• Zet de ingevulde waardes van de gebruiker terug in het formulier.
• Valideer dat er geen HTML/CSS of Javascript in het textveld kan worden ingevuld.

<aside> ⚠️ LET OP: let op quotes en enters (breaks). Deze moet je ook goed tonen: als de bezoeker enters in de <textarea> van het bericht heeft geplaatst, moeten deze enters ook weer goed in beeld komen na verzending van het formulier (Hint: gebruik te PHP-functie nl2br)

</aside>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>FORM GET / POST</title>
</head>
<body>
    <?php

    if (!empty($_POST))
    {
        echo "Hier komen de POST variabelen";
    }

    if (!empty($_GET))
    {
        echo "Hier komen de GET variabelen";
    }

    ?>

    <form action="" method="post">
        <fieldset>
            <legend>Reactieformulier</legend>
            <label for="naam">Naam</label>
            <input type="text" name="naam" id="naam">
            <label for="bericht">Bericht</label>
            <textarea name="bericht" id="bericht" cols="30" rows="10"></textarea>
            <input type="submit" name="submit" value="Verstuur">
        </fieldset>
    </form>
</body>
</html>