Een contact formulier maken
13-10-2011 12:47
Offline Stuur privëbericht
R-Mijnten
Skydiving!
Berichten: 1386

Een contact formulier maken
Voor een website is het tegenwoordig verplicht om bereikbaar te zijn. Altijd en overal!
Een bezoeker moet ook altijd contact kunnen opnemen met iemand die verantwoordelijk is voor de website. Een formulier is daarvoor onmisbaar. Niet alleen een emailadres, nee gewoon een simpel klein contactformulier om contact te kunnen opnemen.
Ik heb een klein simpel contact formuliertje gemaakt, wat gebruik maakt van PHP.

Het formulier
De eerste stap is het maken van een formulier. Gewoon heel simpel. Later komen er misschien wel extra functies op te staan, maar het gaat het nu echt om de basis.
Een naam, een emailadres en het berichtje zelf, meer zetten we er niet op. Aan dit formulier kun je net zoveel velden toevoegen als je wilt, als je ze maar een unieke naam mee geeft.

Code | Selecteer Alles
minimaliseren
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">
<html lang="nl">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <title>Formuliertje</title>
</head>
<body>
<h3>Contact formulier.</h3>
<form action="contact.php" method="post">
<p>Voornaam: <input name="Voornaam" type="text" size="30" maxlength="80"></p>
<p>Achternaam: <input name="Achternaam" type="text" size="30" maxlength="80"></p>
<p>Email: <input name="Emailadres" type="text" size="30" maxlength="80"></p>
<p>Bericht: <textarea name="Bericht" style="width: 250px; height: 40px;"></textarea></p>
<p><input name="Submit" type="submit"></p>
</form>
</body>
</html>


Uitleg contactformulier.htm
We noemen dit document 'contactformulier.htm'. Het eerste wat je moet opvallen is de regel waarin form action staat. De actie wordt gemaakt door het document wat we zo dadelijk gaan maken, namelijk 'contact.php'. De verzendmethode is 'POST'. Daarna geven we elk veld een unieke naam mee. Als laatste de submit (verzend) knop en het contactformulier is klaar.
Afhandeling
Nu het tweede deel natuurlijk. De afhandeling van de gegevens. Daarin komen de velden uit het formulier weer terug. Het emailadres wordt gelijk verzonden als eventueel reactieadres. Daarnaast komt er als titel te staan 'Gegevens afkomstig van contactformuliert.htm'.
Dat is namelijk makkelijk als je eventueel meerdere formulieren hebt.

De code
Code | Selecteer Alles
minimaliseren
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">
<html lang="nl">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <title>formulier afhandeling</title>
</head>
<body>
<?
// Eventueel is de informatie ook in een database op te slaan
$Voornaam = $_POST['Voornaam'];
$Achternaam = $_POST['Achternaam'];
$Emailadres = $_POST['Emailadres'];
$Bericht = $_POST['Bericht'];

$formsent = mail('jouw@email.nl',
        'Gegevens afkomstig van formuliert.htm',
        "Naam: $Voornaam $Achternaamrn
        Bericht: $Bericht",
        "From: $EmailadresrnBounce-to: jouw@email.nl");
if ($formsent) {
    echo "<p>Hallo $Voornaam,<br><br> We hebben je bericht ontvangen.
    We zullen je indien nodig zo spoedig mogelijk een antwoord sturen.</p>";
    } else {
    echo "<p>Sorry, maar er is iets misgegaan met het formulier, probeer
    het later nog eens.</p>";
    }
?>
</body>
</html>


Tenslotte
Het leuke is dat de ontvanger ook nog een bericht ziet verschijnen in het beeldscherm. Ook als het versturen gewoon mis gaat.

Hopelijk hebben jullie hier iets aan!
Er werd nog geen reactie geplaatst.