Du kan kombinera HTML och PHP för att skapa ett formulär på din webbplats, oavsett om du behöver ett kontaktformulär, en feedbackundersökning eller ett beställningsformulär. Ett formulär samlar in de data som anges och skickar dem till en angiven e-postadress.
I den här guiden går vi igenom stegen för att konfigurera och implementera ett HTML-formulär på din webbplats.
Obs! Följande kod är bara ett exempel på hur HTML-formuläret kan användas.
Gör korrigeringar i de olika fälten så att de matchar din webbplats.
- Steg 1 - Lägg till koden för formuläret i PHP-filen
- Steg 2 - Ändra och anpassa formuläret
- Steg 3 - Spara ändringarna och ladda upp PHP-filen
- Steg 4 - Testa formuläret
Steg 1 - Lägg till koden för formuläret i PHP-filen
- Med hjälp av en textredigerare eller en HTML-redigerare, öppna PHP-filen där du vill lägga till formuläret.
Tips: Om det är en HTML-fil kan du enkelt omvandla den till en PHP-fil genom att helt enkelt ändra filtillägget. Om filen till exempel heter contact.html, och döpa om den till contact.php är tillräckligt.
-
Kopiera den medföljande HTML-formulärkoden och klistra in den på önskad plats i PHP-filen. Se till att formuläret placeras inom avsnittet
<body>i PHP-dokumentet.
Klicka för att visa koden som du kan infoga på din webbplats:
-
Kod för formuläret
<?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 - Ändra och anpassa formuläret
Nödvändiga ändringar i formuläret:
rad 6 → Detta kommer att vara mottagaren av vårt e-postmeddelande.
rad 13 → Detta kommer att vara avsändaren.
Obs! Det måste vara En e-postadress på din domän. Så om du till exempel har domänen one-example.com, måste det vara en @one-example.com adress.
rad 14 → Det här är svarsfältet.
Anpassning och valfria ändringar i formuläret:
rad 7 → Detta är ämnet.
rad 21 → Det här är tackmeddelandet.
raderna 27, 30, 33 → Det här är meddelandena ovanför fälten.
rad 36 → Det kan vara vilket meddelande som helst som visas under formuläret.
rad 38 → Det här är texten för knappen.
Raderna 2, 5, 17, 20, 23 kan tas bort vid behov. De är bara kommentarer.
Steg 3 - Spara ändringarna och ladda upp PHP-filen
- Spara ändringarna i PHP-filen efter att du har lagt till formulärkoden.
- Ladda upp den uppdaterade PHP-filen till webbservern med hjälp av en SFTP-klient eller one.com:s File Manager.
Steg 4 - Testa formuläret
Öppna webbsidan i en webbläsare och testa formuläret för att se till att det fungerar korrekt. Fyll i formulärfälten och skicka in det för att verifiera att uppgifterna skickas till den angivna e-postadressen.
Relaterade artiklar: