[HTML] Kontakt Formular

  • [HTML] Kontakt Formular

    Hallo zusammen,

    Heute mache ich ein Tutorial wie man ein Kontakt Formular macht

    als erstes

    Was für welche Datein werden wir Bauen?

    - Kontakt.html
    - Kontakt.php
    - config.php

    1. Wir schreiben die Kontakt.html diese wird nachher die angezeigte Seite

    Hier mal die ganze seite

    HTML-Quellcode

    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    2. <html xmlns="http://www.w3.org/1999/xhtml">
    3. <head>
    4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    5. <title>Kontakt Formular</title>
    6. </head>
    8. <body bgcolor="#009AFF"><center>
    9. <form action="kontakt.php" method="POST">
    10. <table border="1">
    11. <tr>
    12. <th width="117">
    13. Anrede:
    14. </th>
    15. <th width="144">
    16. <select name="anrede" >
    17. <option value="0" selected="selected">Bitte wählen</option>
    18. <option value="Frau">Frau</option>
    19. <option value="Herr">Herr</option>
    20. </select>
    21. </th>
    22. <tr>
    23. <th>
    24. Vorname:
    25. </th>
    26. <th>
    27. <input type="text" name="vorname" />
    28. </th>
    29. </tr>
    30. <tr>
    31. <th>
    32. Nachname:
    33. </th>
    34. <th>
    35. <input type="text" name="nachname" value=""/>
    36. </th>
    37. </tr>
    38. <tr>
    39. <th>
    40. E-Mail Adresse:
    41. </th>
    42. <th>
    43. <input type="email" name="email" />
    44. </th>
    45. </tr>
    46. <tr>
    47. <th>
    48. Festnetz Nummer:
    49. </th>
    50. <th>
    51. <input type="tel" name="tele" />
    52. </th>
    53. </tr>
    54. </table>
    55. <br><!--<a href="impressum.html">Impressum</a>-->
    57. <br>
    58. <p><br>
    59. <input type="submit" name="sendet" />
    60. </p>
    61. </form>
    62. </center>
    64. </body>
    65. </html>
    Alles anzeigen

    Die Einzelden Funktionen werde ich jetzt erläutern allerdings nicht alles

    für ein namen macht man zb. <input type="Text" name="vorname" value="[HIER WÜRDE DER TEXT REIN KOMMEN]" />
    für ein text zb. <textarea name="vorlage" cols="70" rows="70">[HIER WÜRDE DER TEXT REIN KOMMEN]</textarea>
    zum schluss nur noch <input type="submit" name="sendet" /> zum absenden
    als 2.

    PHP-Quellcode

    1. <?php
    2. include('config.php');
    3. if (isset($_POST['sendet']))
    4. {
    5. if($_POST['anrede']=='0')
    6. {
    7. echo'Keine Anrede';
    8. }
    9. elseif($_POST['vorname']=='')
    10. {
    11. echo'Kein Vorname';
    12. }
    13. elseif($_POST['nachname']=='')
    14. {
    15. echo'Kein Nachname';
    16. }
    17. elseif($_POST['email']=='')
    18. {
    19. echo'Keine E-Mail Adresse';
    20. }
    21. elseif($_POST['tele']=='')
    22. {
    23. echo'Keine Telefon Nummer';
    24. }
    25. else
    26. {
    27. $email = mail($empfaenger, $betreff, $text, "From: $absendername <$absendermail>");
    28. if($email)
    29. {
    30. echo'<center>Das Formular wurde Erfolgreich gesendet.</center>';
    31. }
    32. else
    33. {
    34. $email2 = mail($techniker, $betreff, $text, "From: $absendername <$absendermail>");
    35. if($email2)
    36. {
    37. echo'<center>Es Gab ein fehler beim Übertragen<br>Der Programmierer wurde aber schon benachrichtigt.</center>';
    38. }
    39. else
    40. {
    41. echo'<center>Es Gab ein fehler beim Übertragen<br>Bitte versuchen sie es Später wieder.</center>';
    42. }
    43. }
    45. }
    46. }
    47. else
    48. {
    49. header('Location: kontakt.html');
    50. }
    51. ?>
    Alles anzeigen

    mit den code würd überprüft ob der Benutzer das Feld ausgefüllt hat

    PHP-Quellcode

    1. elseif($_POST['nachname']=='')
    2. {
    3. echo'Kein Nachname';
    4. }

    dieses gehtmit allen
    ihr müsst nur drauf achten das
    <input type="text" name="vorname" />
    und
    elseif($_POST['nachname']=='')
    {
    echo'Kein Nachname';
    }
    gleich ist

    und jetzt kann der Text schon losgeschickt werden ABER WO MIT?

    ganz einfach php bietet einfe funktion die nennt man mail()
    hier ist das Beispiel:

    PHP-Quellcode

    1. $email = mail($empfaenger, $betreff, $text, "From: $absendername <$absendermail>");

    diese funktion sollte durch die variablennamen aber schon zusehen sein

    nun kommt noch ne bestätigungs abfrage

    PHP-Quellcode

    1. if($email)
    2. {
    3. echo'<center>Das Formular wurde Erfolgreich gesendet.</center>';
    4. }

    nun können wir noch mit

    PHP-Quellcode

    1. else
    2. {
    3. echo 'es ist ein fehler aufgetaucht';
    4. }


    3.
    nun kümmern wir uns um den inhalt der mail() funktion

    PHP-Quellcode

    1. <?php
    2. $empfaenger = "[E-MAIL ADRESSE]"; #Die E-Mail Adresse vom empfänger
    3. $techniker = "Technik@nes-ucp.de";
    4. $absendername = $_POST['vorname'] . $_POST['nachname']; #Der absendername ist der Vor uns Nachname des Kontaktforumalr benutzer
    5. $absendermail = $_POST['email']; #Die absendermail ist die Adresse vom Kontaktforumalr benutzer
    6. $betreff = $_POST['anrede'] ." ". $_POST['nachname']." hat sich eingetragen"; #Dre Betreff ist die Nachricht die im Post fach auftacht
    8. if($_POST['anrede'] == 'Frau')
    9. {
    10. $geschlecht = 'Sie';
    11. }
    12. else
    13. {
    14. $geschlecht = 'er';
    15. }
    17. if (! isset($_SERVER['HTTP_X_FORWARDED_FOR']))
    18. {
    19. $client_ip = $_SERVER['REMOTE_ADDR'];
    20. }
    21. else
    22. {
    23. $client_ip = $_SERVER['HTTP_X_FORWARDED_FOR'];
    24. }
    26. $text = $_POST['anrede'] ." ". $POST['vorname'] ." ". $_POST['nachname'].",
    28. E-Mail Adresse: ".$_POST['email'].",
    29. Telefon Nummer: ".$_POST['tele']."
    30. Seine IP: ".$client_ip."";
    33. # Wenn es Probleme gibt können Sie mich via Skype: Jahnvoss
    34. # oder via E-mail: Jahn.v4@googlemail.com wenden.
    35. # codet by Jahn Voß
    36. ?>
    Alles anzeigen

    im oberen abschied wurde schon alles erklährt
    mit den code

    PHP-Quellcode

    1. if (! isset($_SERVER['HTTP_X_FORWARDED_FOR']))
    2. {
    3. $client_ip = $_SERVER['REMOTE_ADDR'];
    4. }
    5. else
    6. {
    7. $client_ip = $_SERVER['HTTP_X_FORWARDED_FOR'];
    8. }

    kann man die IP von Benutzer auslesen und ausgeben

    Ich hoffe diese Tutuorial was übrigens das erste von mir ist
    kann man ordenlich lesen und auch verstehen

    bei dem nächsten Tutorial werde ich kleinen quell text noch erklähren :)