Du kan kombinere HTML og PHP for at oprette en formular på din hjemmeside, uanset om du har brug for en kontaktformular, feedback-undersøgelse eller ordreformular. En formular registrerer de indtastede data og sender dem til en bestemt e-mailadresse.
I denne vejledning vil vi lede dig gennem trinene til at konfigurere og implementere en HTML-formular på din hjemmeside.
Bemærk: Følgende stykke kode er kun et eksempel på, hvordan HTML-formularen kan bruges.
Du skal justere de forskellige felter, så formularen passer til din hjemmeside.
- Trin 1 - Tilføj koden til formularen til PHP-filen
- Trin 2 - Rediger og tilpas formularen
- Trin 3 - Gem ændringerne og upload PHP-filen
- Trin 4 - Test formularen
Trin 1 - Tilføj koden til formularen til PHP-filen
- Brug en teksteditor eller en HTML-editor til at åbne PHP-filen, hvor du vil tilføje formularen.
Tip: Hvis du kun har en HTML-fil, kan du nemt omdanne den til en PHP-fil ved blot at ændre filtypenavnet. For eksempel, hvis filen hedder contact.html, er det tilstrækkeligt at omdøbe den til contact.php.
-
Kopiér den angivne HTML-formularkode og indsæt den på den ønskede placering i PHP-filen. Sørg for, at formularen er placeret i
<body>
-sektionen af PHP-dokumentet.
Klik for at se den kode, du kan indsætte på din hjemmeside:
-
Kode til formularen
<?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 } ?>
-
Trin 2 - Rediger og tilpas formularen
Nødvendige ændringer i formularen:
linje 6 → Dette vil være modtageren af vores e-mail.
linje 13 → Dette bliver afsenderen.
Bemærk: E-mailadressen skal være en e-mailadresse på dit domæne. Så hvis du for eksempel har domænet one-example.com, skal det være en @one-example.com-adresse.
linje 14 → Dette er svarfeltet.
Tilpasning og valgfri ændringer af formularen:
linje 7 → Dette er emnet.
linje 21 → Dette er "tak"-beskeden.
linjer 27, 30, 33 → Dette er meddelelserne over felterne.
linje 36 → Dette kan være en hvilken som helst meddelelse, der vises under formularen.
linje 38 → Dette er teksten til knappen.
linje 2, 5, 17, 20, 23 kan slettes, hvis det er nødvendigt. De er bare kommentarer.
Trin 3 - Gem ændringerne og upload PHP-filen
- Gem ændringerne i PHP-filen efter tilføjelse af formularkoden.
- Upload den opdaterede PHP-fil til webserveren ved hjælp af en SFTP-klient eller one.coms File Manager.
Trin 4 - Test formularen
Åbn hjemmesiden i en browser, og test formularen for at sikre, at den fungerer korrekt. Udfyld formularfelterne og indsend den for at kontrollere, at dataene sendes til den angivne e-mailadresse.
Relaterede artikler: