Je kunt HTML en PHP combineren om een formulier op je website te maken, of je nu een contactformulier, feedbackenquête of bestelformulier nodig hebt. Een formulier verzamelt ingevoerde gegevens en stuurt deze naar een opgegeven e-mailadres.
In deze handleiding leiden we je door de stappen om een HTML-formulier op je website te configureren en implementeren.
Let op: De code in deze handleiding is slechts een voorbeeld van hoe het HTML-formulier kan worden gebruikt.
Pas de verschillende velden aan zodat ze overeenkomen met je website.
- Stap 1 - Voeg de code voor het formulier toe aan het PHP-bestand
- Stap 2 - Wijzig en pas het formulier aan
- Stap 3 - Sla de wijzigingen op en upload het PHP-bestand
- Stap 4 - Test het formulier
Stap 1 - Voeg de code voor het formulier toe aan het PHP-bestand
- Gebruik een teksteditor of een HTML-editor om het PHP-bestand te openen waar je het formulier wilt toevoegen.
Tip: Als het een HTML-bestand is, kun je het eenvoudig omzetten naar een PHP-bestand door simpelweg de bestandsextensie te wijzigen. Als het bestand bijvoorbeeld contact.html heet, is het voldoende om het te hernoemen naar contact.php.
-
Kopieer de gegeven code en plak deze op de gewenste locatie in het PHP-bestand. Zorg ervoor dat het formulier in de
<body>-sectie van het PHP-document wordt geplaatst.
Klik om de code weer te geven die je op je website kunt invoegen:
-
Code voor het formulier
<?php
// if "email" variable is filled out, send email
if (isset($_REQUEST['e-mail'])) {
//Email information
$to = "email@example.com";
$subject = "Message from website";
$message = "From: " . $_REQUEST['name'] . "\r\n" .
"Email: " . $_REQUEST['email'] . "\r\n" .
"Message:" . $_REQUEST['message'];
$headers = 'From: email@example.com' . "\r\n" .
'Reply-To: email@example.com' . "\r\n" .
'X-Mailer: PHP/' . phpversion();
//Send email
mail($to, $subject, $message, $headers);
//Email response
echo "Thank you for contacting us!"; }
//if "email" variable is not filled out, display the form
else { ?>
<form method="post" >
<label for="name">Name* </label><br />
<input name="name" required="true" /><br />
<label for="email">Email* </label><br />
<input name="email" required="true" /><br />
<label for="message">Your message*</label><br />
<textarea cols="100" rows="10" name="message" required="true"></textarea><br />
<p><small>Required fields</small></p>
<input type="submit" value="Send" />
</form>
<?php } ?>
-
Stap 2 - Wijzig en pas het formulier aan
Nodige wijzigingen aan het formulier:
regel 6 → Dit wordt de ontvanger van onze e-mail.
regel 13 → Dit wordt de afzender.
Let op: Dit moet een e-mailadres op je domein zijn. Dus als je bijvoorbeeld het domein one-example.com hebt, moet het een @one-example.com-adres zijn.
regel 14 → Dit is het antwoordveld.
Aanpassingen en optionele wijzigingen aan het formulier:
regel 7 → Dit is het onderwerp.
regel 21 → Dit is het bedankbericht.
regels 27, 30, 33 → Dit zijn de berichten boven de velden.
regel 36 → Dit kan elk bericht zijn dat onder het formulier wordt weergegeven.
regel 38 → Dit is de tekst voor de knop.
regels 2, 5, 17, 20, 23 kunnen indien nodig worden verwijderd. Het zijn slechts opmerkingen.
Stap 3 - Sla de wijzigingen op en upload het PHP-bestand
- Sla de wijzigingen op in het PHP-bestand nadat je de formuliercode hebt toegevoegd.
- Upload het bijgewerkte PHP-bestand naar de webserver met een SFTP-client of one.com's File Manager.
Stap 4 - Test het formulier
Open de webpagina in een browser en test het formulier om te controleren of het correct werkt. Vul de formuliervelden in en verzend het om te verifiëren dat de gegevens naar het opgegeven e-mailadres worden verzonden.
Gerelateerde artikelen: