Slik legger du til en 'HTML Contact Us Form' til et hvilket som helst nettsted

Denne enkle kontaktskjema opplæring vil lære deg å lage en veldig enkel kontaktskjema for et HTML-basert nettsted. Den første filen vil inneholde riktig HTML-kode for skjemaet, og den andre filen vil behandle dataene fra skjemaet ved hjelp av php. Last ned de 2 filene som trengs HER. (Nedlastingsfilen er 1 HTML-fil og 1 PHP-fil - Totalt 2 filer) De blir pakket sammen og den enkle nedlastingen inneholder begge filene.

HTML-kontakt oss koden vil se slik ut:Nedenfor er HTML-koden til kontaktskjemaet som finnes i nedlastingsfilen ovenfor.

Navnet ditt Din epost Budskap

Og slik ser HTML-kontaktskjemaet ut i nettleseren din:

HTML-kontaktskjema

PHP-koden vil se slik ut:Nedenfor er .PHP-koden til kontaktskjemaet som finnes i nedlastingsfilen ovenfor.

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

$ mail_to = '[email protected]'; $ subject = 'Melding fra en besøkende på nettstedet'. $ field_name;

$ body_message = 'From:'. $ field_name. "\ n"; $ body_message. = 'E-post:'. $ field_email. "\ n"; $ body_message. = 'Melding:'. $ field_message;

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

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

hvis ($ mail_status) ?> varsling ('Takk for meldingen. Vi vil kontakte deg snart.'); window.location = 'contact_page.html'; ellers ?> varsling ('Meldingen mislyktes. Vennligst send en epost til [e-postbeskyttet]'); window.location = 'contact_page.html'; ?>

Slik legger du til disse to filene på nettstedet ditt:1 - Last ned begge filene ved å bruke linken øverst på denne siden.2 - Når du har begge filer utpakket, går du inn i 'contact.php' og endrer e-postadressene til e-postadressen din.3 - Last deretter opp 'contact.php'-filen til roten til serveren din.4 - Deretter legger du til 'contact_form.html' på nettstedet ditt ved å legge til lenken til 'kontakt oss her' -teksten.5 - Når du er ferdig, laster du opp denne filen til nettstedet ditt ved hjelp av FTP.6 - Deretter går du til nettstedet ditt og tester kontaktskjemaet ved å fylle ut det og sende deg en epost.7 - Alt skal fungere. Hvis ikke, sjekk alle koblinger og katalognivåer for å sikre at koblingene peker mot hverandre.