Hoe u een 'HTML Contact Us Form' aan een website kunt toevoegen

Dit is eenvoudig contactformulier tutorial zal je leren hoe je een heel eenvoudige kunt maken contactformulier voor een op HTML gebaseerde website. Het eerste bestand bevat de juiste HTML-code voor het formulier en het tweede bestand verwerkt de gegevens uit het formulier met behulp van php. Download de 2 benodigde bestanden HIER. (Het downloadbestand is 1 HTML-bestand en 1 PHP-bestand - Totaal van 2 bestanden) Ze zijn aan elkaar geritst en de enkele download bevat beide bestanden.

HTML contact us-code ziet er als volgt uit:Hieronder vindt u de HTML-code van het contactformulier in het bovenstaande downloadbestand.

Uw naam Jouw email Bericht

En zo ziet het HTML-contactformulier eruit in uw browser:

HTML-contactformulier

PHP-code ziet er als volgt uit:Hieronder staat de .PHP-code van het contactformulier in het bovenstaande downloadbestand.

$ field_name = $ _POST ['cf_name']; $ field_email = $ _POST ['cf_email']; $ field_message = $ _POST ['cf_message'];

$ mail_to = '[email protected]'; $ subject = 'Bericht van een sitebezoeker'. $ field_name;

$ body_message = 'Van:'. $ field_name. "\ n"; $ body_message. = 'E-mail:'. $ field_email. "\ n"; $ body_message. = 'Bericht:'. $ field_message;

$ headers = 'Van:'. $ field_email. "\ r \ n"; $ headers. = 'Reply-To:'. $ field_email. "\ r \ n";

$ mail_status = mail ($ mail_to, $ subject, $ body_message, $ headers);

if ($ mail_status) ?> alert ('Bedankt voor uw bericht, we nemen binnenkort contact met u op.'); window.location = 'contact_page.html'; anders ?> alert ('Bericht mislukt, stuur een email naar [email protected]'); window.location = 'contact_page.html'; ?>

Hier ziet u hoe u deze 2 bestanden aan uw website toevoegt:1 - Download beide bestanden via de link bovenaan deze pagina.2 - Zodra u beide bestanden hebt uitgepakt, gaat u naar 'contact.php' en wijzigt u de e-mailadressen in uw e-mailadres.3 - Upload vervolgens het bestand 'contact.php' naar de root van uw server.4 - Voeg vervolgens het 'contact_formulier.html' toe aan uw website door de link toe te voegen aan uw tekst 'neem hier contact met ons op'.5 - Als u klaar bent, uploadt u dit bestand naar uw website met behulp van FTP.6 - Ga vervolgens naar uw website en test het contactformulier door het in te vullen en uzelf een e-mail te sturen.7 - Alles zou moeten werken. Als dit niet het geval is, controleert u alle koppelingen en directoryniveaus om te controleren of de koppelingen naar elkaar verwijzen.