Du kan bruke HTML og PHP til å lage et skjema på nettsiden din, enten du trenger et kontaktskjema, tilbakemeldingsundersøkelse eller bestillingsskjema. Et skjema fanger opp dataene som er lagt inn og sender dem til en spesifisert e-postadresse.
I denne guiden vil vi lede deg gjennom stegene for å konfigurere og implementere et kontaktskjema på nettsiden din.
Merk: Følgende kodebit er bare et eksempel på hvordan skjemaet kan brukes.
Gjør rettelser i de forskjellige feltene for å matche nettsiden din.
- Steg 1 - Legg til koden for skjemaet i PHP-filen
- Steg 2 – Endre og tilpass skjemaet
- Steg 3 - Lagre endringene og last opp PHP-filen
- Steg 4 – Test skjemaet
Steg 1 - Legg til koden for skjemaet i PHP-filen
-
Åpne PHP-filen der du vil legge til skjemaet ved å bruke et tekst- eller et HTML-redigeringsprogram.
Tips: Hvis det er en HTML-fil, kan du enkelt gjøre den om til en PHP-fil ved å bare endre filtypen. For eksempel, hvis filen heter contact.html, er det tilstrekkelig å gi den nytt navn til contact.php.
-
Kopier den oppgitte koden og lim den inn på ønsket plassering i PHP-filen. Sørg for at skjemaet er plassert i
<body>-delen av PHP-dokumentet.
Klikk for å vise koden du kan sette inn på nettsiden din:
-
Kode for skjemaet
<?php
// if "email" variable is filled out, send email
if (isset($_REQUEST['email'])) {
//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 } ?>
-
Steg 2 – Endre og tilpass skjemaet
Nødvendige endringer i skjemaet:
linje 6 → Dette kommer til å være mottakeren av e-posten vår.
linje 13 → Dette blir avsenderen.
Merk: Det må være en e-postadresse på domenet ditt. Så hvis du for eksempel har domenet one-example.com, må det være en @one-example.com-adresse.
linje 14 → Dette er svarfeltet.
Tilpasning og valgfrie endringer i skjemaet:
linje 7 → Dette er emnet.
linje 21 → Dette er takkemeldingen.
linje 27, 30, 33 → Dette er meldingene over feltene.
linje 36 → Dette kan være en hvilken som helst melding som vises under skjemaet.
linje 38 → Dette er teksten til knappen.
linje 2, 5, 17, 20, 23 kan slettes ved behov. De er bare kommentarer.
Steg 3 - Lagre endringene og last opp PHP-filen
- Lagre endringene i PHP-filen etter å ha lagt til skjemakoden.
- Last opp den oppdaterte PHP-filen til webserveren ved hjelp av en SFTP-klient eller one.coms File Manager.
Steg 4 - Test skjemaet
Åpne nettsiden i en nettleser og test skjemaet for å sikre at det fungerer som det skal. Fyll ut skjemafeltene og send det inn for å bekrefte at dataene sendes til den angitte e-postadressen.
Relaterte artikler: