WebImpressionen

zum Muster Formular

eMail unter XAMPP Offline testen
Unter Windows (getestet mit vers.10) kann man sehr einfach die Funktionalität MailtoDisk aktivieren.
Dafür muss man die Datei php.ini von XAMPP mit einem Editor bearbeiten.
(XAMPP-Kontrollzentrum bei Apache auf Konfig klicken und PHP (php.ini) wählen.)
Hier [mail function] suchen.
unter der Zeile:
; sendmail_from = me@example.com
diese Zeile:
( Je nachdem auf welchem Laufwerk XAMPP installiert ist den Laufwerksbuchstaben wählen, bei mir ist es C )
sendmail_path = C:\xampp\mailtodisk\mailtodisk.exe
ohne ; am Anfang eintragen.
eMail als Textdatei ansehen unter:
xampp/mailoutput/
Sicherheits-Kopie der php.ini nicht vergessen!
zum Schluß: Rechner neu starten!
ausblenden
Für ein Formular wird ein Server benötigt!
Mit einen einfachem Formular kann alles versenden werden.
Was wird minimal benötigt?
formular.html
  • <form method="post" action="formular.php"> <!-- ziel Datei -->
  • Name:
  • <input name="name"> <!-- Feld für Name -->
  • eMail:
  • <input name="email"> <!-- Feld für eMail -->
  • Betreff:
  • <input name="betreff"> <!-- Feld für Betreff -->
  • Nachricht:
  • <textarea name="inhalt"></textarea> <!-- Feld für Nachricht -->
  • <input type="submit"> <!-- Sende Button -->
  • </form>

Was wird minimal benötigt?
formular.php
<?php
    • // POST-Daten in variablen wandeln
  • $postname = isset($_POST['name']) ? $_POST['name'] : "";
  • $postmail = isset($_POST['email']) ? $_POST['email'] : "";
  • $postbetreff = isset($_POST['betreff']) ? $_POST['betreff'] : "";
  • $postinhalt = isset($_POST['inhalt']) ? $_POST['inhalt'] : "";

    • // Formulardaten senden
  • if ($_SERVER["REQUEST_METHOD"] == "POST")
  • {
  • $empfaenger = "info@meinemailadresse.de";
  • $from = "From: ".htmlspecialchars("$postmail")."\n";
  • $betref = "$postbetreff\n";
  • $text = "Name: $postname\n";
  • $text .= "Nachricht: $postinhalt\n";
  • mail($empfaenger, $betref, $text, $from);
  • }
?>

  •   Fehlen noch die Angaben damit das Formular auch gestylt werden kann.
      Sonstige Angaben, die unten im Formular stehen sind Formatierungshilfen.
  •   Damit das Formular so aussieht wie ganz unten.

html5 Quellcode für ein einfaches Formular:
formular.html
  • <!DOCTYPE html>
  • <html lang="de"><head>
  • <meta charset="UTF-8">
  • <meta name="viewport" content="width=device-width,initial-scale=1.0">
  • <title>Formular</title>
  • <meta name="dcterms.rights" content="locomputing">
  • <meta name="description" content="Beschreibung der Website">
  • <meta name="keywords" content="Keywords">
  • <!-- Dieses Stylesheet kann unter Downloads auch runtergeladen werden! -->
  • <link rel="stylesheet" href="https://locomputing.de/mustercss/formular_style.css">

  • </head>
  • <body>

  • <h4> Formular </h4>
  • <p>Bitte geben Sie Ihre Daten ein.</p>

  • <fieldset>
  1. <form method="post" action="formular.php">

    • <!-- Beschriftung und eingabefeld für name -->
  2. <div class="form-face">
  3. <label>Name:</label>
  4. <input name="name" class="form-controlle">
  5. </div>

    • <!-- Beschriftung und eingabefeld für email -->
  6. <div class="form-face">
  7. <label>eMail:</label>
  8. <input name="email" class="form-controlle">
  9. </div>

    • <!-- Beschriftung und eingabefeld für betreff -->
  10. <div class="form-face">
  11. <label>Betreff:</label>
  12. <input name="betreff" class="form-controlle">
  13. </div>

    • <!-- Beschriftung und eingabefeld für nachricht -->
  14. <div class="form-face">
  15. <label>Nachricht:</label>
  16. <textarea name="inhalt" class="form-controlle"></textarea>
  17. </div>

    • <!-- Sende-Button -->
  18. <div class="form-face">
  19. <input type="submit" class="butt button-blue">
  20. </div>

  21. <!-- form beenden -->
  22. </form>

  23. <!-- fieldset beenden -->
  24. </fieldset>
  • </body>
  • </html>

zum testen einfach mal Ziffern bei eMail eingeben.