WebImpressionen
Formulare

zum Test 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 Php-Server benötigt!
Mit einen einfachem Formular kann alles versenden werden.
Was wird für ein Formular minimal benötigt?
das formular
  • <form method = "post" action = "formular.php"> <!-- Wie soll das Formular wo hin -->
  • 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> <!-- form beenden -->
Was wird zum versenden minimal benötigt?
die 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 = " meine@mailadresse.de " ;
  • $from = "From: " . $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 der formular.html stehen sind Formatierungshilfen.
Damit das Formular so aussieht wie ganz unten.
html5 Quellcode für ein einfaches Formular:
das 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 ">

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

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

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

  17. <!-- Beschriftung und eingabefeld für nachricht -->
  18. <div class = " form-face ">
  19. <label> Nachricht: </label>
  20. <textarea name = " inhalt " class = " form-controlle "></textarea>
  21. </div>

  22. <!-- Sende-Button -->
  23. <div class = " form-face ">
  24. <input type = " submit " class = " butt button-blue ">
  25. </div>

  26. <!-- form beenden -->
  27. </form>

  28. <!-- fieldset beenden -->
  29. </fieldset>
  • </body>
  • </html>
Hier das Formular mit den Daten von oben.
Warnung! Mit diesem Formular kann alles versendet werden!
Deshalb sollten alle Eingaben vorher serverseitig überprüft werden!
das formular
zum testen einfach mal Ziffern bei eMail eingeben.