Opdracht 2

Het formulier verzenden

Nu moet een bezoeker het formulier nog kunnen verzenden naar ons e-mailadres. Dit doen we door een submit knop toe te voegen. Doorgaans plaats je deze knop aan het einde van de code van het formulier. Om de verzendknop te maken, voegen we type="submit" toe aan een nieuwe <input> tag. Met het value attribuut geef je de tekst aan die op de knop moet komen, bijvoorbeeld "Verzenden" of "Versturen". De code voor de verzendknop wordt als volgt:

<input type="submit" value="Verzenden">

Nu voegen we de verzendknop toe aan het formulier met het tekstveld dat we hierboven gemaakt hebben:

<form method="post" action="mailto:jouwemail@adres.nl">
< em>Vul je voornaam in:</em> <input type="text" size="20" maxlength="40" name="voornaam"><br>
< input type="submit" value="Verzenden">
< /form>

 

Het resultaat ziet er als volgt uit:

Bovenkant formulier

Vul je voornaam in: