Inhalt: Eberhart 2.php_formular.docx 1

Transkript

1 Inhalt: Ein einfaches Formular erstellen formular.html, formular.php $_POST Funktion mail() Übung: addieren Übung: Mehrwertsteuer errechnen (inkl. CSS) Übung: Formular mit Passwortabfrage Passworteingabe mit if/else überprüfen Probleme beseitigen: Steuerzeichen entschärfen mit htmlspecialchars() isset() empty() Skript Feind Nr. 1 Eberhart 2.php_formular.docx 1

2 PHP-Formulare verwenden, um Daten einzugeben Formulare sind klassische Methode um Input vom Benutzer zu erhalten. Formulare selbst erstellt man in HTML. Das HTML5 bietet dazu besonders gute Möglichkeiten. Hier wird das Formular gestaltet und festgelegt, auf welche Weise die Daten an den Server übermittelt und wie sie dort ausgewertet werden sollen. Die Weiterverarbeitung der eingegebenen Daten geht über PHP. Das Script, das die Auswertung übernehmen soll muss im Format.php abgespeichert werden. Dank des dort vordefinierten Arrays geht das auch sehr komfortabel Damit ein PHP-Skript auf dem Server ausgeführt wird muss man das Formular und PHP- Skript über das action-attribut des Formulars verknüpft werden. Formulare werden unter Verwendung des HTML-<form>-Tags erstellt. Das <form>-tag für jedes sinnvolle Formular sollte den Wert des action-attributs setzen, das angibt, was der Browser mit dem Formular machen soll, wenn der Benutzer auf den Absenden-Button klickt. Gibt man im action-attribut einen Dateinamen an, führt der Browser beim Absenden des Formulars stattdessen auf dem Server eine Anfrage nach dieser Ressource durch und schickt dabei die in das Formular eingetragenen Daten mit. Hat das Skript, das die Formulardaten verarbeiten soll, den Namen formular1.php, muss das <form>-tag, das es aus dem Formular adressiert, folgende Form haben: <form action = "formular1.php" method = "post"> 1)Erstelle ein neues php-dokument und speichere es als formular1.html in xampp://htdocs/php Code: <body> <h1>formular bitte ausfüllen</h1> <form action = "formular1.php" method = "post" > <p>vorname: <input name = "vorname" type="text" size = "50" > </p> <p>nachname: <input name = "nachname" type="text" size = "50" > </p> <p> <input name = " " type="text" size = "50"> </p> <p>notiz: <input name = "notiz" type="text" size = "50" > </p> <br> <input type="submit" value="abschicken"> </form> </body> Eberhart 2.php_formular.docx 2

3 Ergebnis: INFO: Innerhalb des HTML-Dokuments befindet sich ein <form>-container. Dieser beinhaltet verschiedene Elemente: Formulare beginnen und enden mit dem Tag <form> Mit action= werden die Daten weitergeleitet, wenn jemand auf den submit-button drückt. Das Attribut <action> verweist auf das PHP-Auswertungsprogramm mit dem Namen formular1.php. Hier werden sie an eine php-datei weitergereicht: o z.b. action= verarbeitung.php Das Attribut <methode> verweist auf die Übermittlungsmethode <post> Eine Schaltfläche zum Absenden (englisch: submit), die beim Anklicken die eingetragenen Daten an den Server sendet und damit das genannte PHP- Auswertungsprogramm (hier: formular1.php) anfordert. Hier nicht vorhanden: Die Schaltfläche zum Zurücksetzten (englisch: reset) setzt bei Anklick das Formular wieder in den Anfangszustand zurück Eberhart 2.php_formular.docx 3

4 2)Erstelle die PHP-Datei die auf das Formular antwortet: formular1.php Speichern als.php Einstellung im Dateityp: INFO: echo: Die Ausgabe bei echo soll einen ordnungsgemäßen und mit Abständen durchdachten deutschen Satz ergeben. Tipp: Mithilfe des Punkts kann man mehrere Strings zu einem einzigen String verketten. $_POST: Die vordefinierte Variable $_POST übernimmt die Elemente zur Auswertung aus dem HTML-Formular genau dann, wenn in der eckigen Klammer genau der Name des Formularelements angesprochen wird: $_POST[ vorname ] $_POST ist ein spezielle Variable, eine sogenannte superglobale Variable, die an jedem Punkt eines PHP-Skripts verfügbar ist. $_POST besteht bereits, wenn das Skript gestartet wird es ist eine vordefinierte Variable, die man nicht selbst deklarieren und füllen müssen wie andere Variablen. Die superglobale Variable $_POST ist unmittelbar mit der Formularübermittlungsmethode verknüpft, die vom HTML-Formular verwendet wird. Ist das method-attribut des Formulars auf post gesetzt, stellt PHP dem Skript die Formulardaten in der superglobalen Variablen $_POST zur Verfügung, aus der sie nach Bedarf abgerufen werden können. Eberhart 2.php_formular.docx 4

5 Beispiel: $_POST["name"]; die Variable name erhält den Inhalt vom Attribut name aus dem <input>-tag für das Formularfeld. $_POST ist eine besondere Art von Speicherbehälter, ein sogenanntes Array, das eine Sammlung von Daten unter einem einzigen Namen speichert. Die vom Server empfangenen Formulardaten werden von PHP also im Array $_POST zur Verfügung gestellt. Jedes Element im Array $_POST entspricht den Daten eines Formularfelds. Alle Formulardaten sind über das Array $_POST zugreifbar. Die Elemente eines Arrays werden angesprochen, indem in eckigen Klammern der Index, ein Name oder eine Zahl, dieses Elements angegeben wird. Um auf die Elemente des Arrays $_POST zuzugreifen, verwendet man den Namen des entsprechenden Formularfelds, unter dem PHP die Daten in $_POST abgelegt hat. Aufgabe: Öffne die formular.html im Browser, nachdem XAMPP läuft und der Pfad in der URL korrekt eingegeben wurde: localhost/php/formular1.html. Fülle das Formular aus und klicke auf Absenden. Ergebnis des Servers: Eberhart 2.php_formular.docx 5

6 Vereinfachung Übergabe an eine Variable Damit man mit den Variablen leichter weiterarbeiten kann, übergibt man lieber die durch die Methode POST ausgelesenen Elemente an eine passende Variable: $vorname = $_POST["vorname"]; $nachname = $_POST["nachname"]; $ = $_POST[" "]; Danach kann man diese Variable ansprechen: echo "Guten Tag, $vorname $nachname"; Aufgabe: Füge diese Verbesserung unterhalb des bestehenden Codes ein. Um die Ausgabe in zwei Zeilen zu erreichen, unterbrich den PHP-Code und verwende den <br>-befehl: Ergebnis: Eberhart 2.php_formular.docx 6

7 Funktion: Mail() Um mit PHP ein Mail zu senden, verwende die vorgefertigte Funktion mail() Folgende drei Informationen werden von der Funktion mail() verlangt und müssen angegeben werden (verpflichtend): $an die Empfängeradresse $betreff der Betreff der Nachricht $msg der Inhalt der Nachricht (message) Man kann noch weitere Argumente verwenden: From:. $ Bei der Angabe der Senderadresse muss der -Adresse der Text From: vorangestellt werden. Die Verkettung erfolgt wieder durch den Punkt. Die Senderadresse kann aus der Formulareingabe des Kunden genommen werden, wenn dieser im Formular diese eingeben musste: $ = $_POST[ ]; Beispiel: $an = "josefeberhart@gmx.at"; $betreff = "erstes PHP-Mail"; $msg = "Sehr geehrter Kunde. Danke $name für dein Mail. \n". "Mit freundlichen Grüßen."; $from = From: Kontaktformular. Folgender Interessent: $ ; mail($an, $betreff, $msg, $from); Beachte: Die Escape-Sequenz für einen Zeilenumbruch ist \n. An jeder Stelle, an der in einem Text \n erscheint, wird also ein Zeilenumbruch eingefügt, der bewirkt, dass mit der Ausgabe des nachfolgenden Inhalts am Anfang der nächsten Zeile fortgefahren wird. Aufgabe: Füge den Code in formular1.php nach dem letzten echo ein: Achte darauf, dass der Code mail() im Skript nach dem Code kommt, der die - Variablen erstellt und inhaltlich angibt, wie z.b. $an, $betreff und $msg. Dann mail(). $an = "josefeberhart@gmx.at"; $betreff = "erstes PHP-Mail"; $msg = "Sehr geehrter Kunde. Danke $vorname für dein Mail. \n". "Mit freundlichen Grüßen."; mail($an, $betreff, $msg); Eberhart 2.php_formular.docx 7

8 Info: mail() mag leicht zu verwenden sein, muss aber erst konfiguriert werden. Wenn mail() bei dir nicht funktioniert, liegt das daran, dass die -Komponente des Rechners nicht oder nicht richtig konfiguriert ist. Anleitungen zur Konfiguration der -Features findet man unter Eberhart 2.php_formular.docx 8

9 Übung: addieren Erstelle ein zahl.html und ein zahl.php. In das Formular der Zahl-HTML Datei sollen zwei Felder eingeben werden können, die jeweils eine Zahl von beinhaltet. Als Ergebnis in der PHP-Datei soll die Summe der beiden Zahlen ausgegeben werden. inkl. eines Buttons Löschen type= reset Ergebnis: zahl.php Erstelle eine neue Variable mit dem Namen $zahl Diese soll den Inhalt von der Formulareingabe aufnehmen durch $zahl1 = $_POST[ ] Die Variable $ergebnis nimmt die Addition vor $ergebnis = $zahl1 + zahl2 Eberhart 2.php_formular.docx 9

10 Aufgabe: Erstelle ein HTML-Formular mit Vorname, Nachname, Straße und Nummer, Postleitzahl, Ort. Die dazu passende PHP-Datei soll das unten abgebildete Ergebnis ausgeben: Das Ergebnis soll ca. so aussehen: Dennis Darrer Brennerweg Mistelbach Eberhart 2.php_formular.docx 10

11 Übung: Mehrwertsteuer errechnen Entwickle sowohl ein HTML-Formular (steuer.html) für die Eingabe eines beliebigen Bruttowertes (nur Ganzzahl, kein Komma) und ein PHP-Auswertungsskript (steuer.php), welches aus dem Formular den Bruttowert übernimmt und daraus den Netto- und den MwSt-Betrag errechnet. Verwende dabei die Funktion number_format(). Im PHP-Skript soll es einen Link geben, um einen weiteren Wert eingeben und berechnen zu lassen. steuer.html: zur Aufhübschung soll etwas CSS und ein <fieldset> mit einer <legend> verwendet werden. Ziel: Code: Die Auswertung mit steuer.php : Der Nettowert lässt sich einfach mit Brutto/120 * 100 berechnen. Zieht man den Netto vom Brutto ab, erhält man den Mehrwertsteuersatz. Eberhart 2.php_formular.docx 11

12 Ziel ohne Formatierung: Code dafür: Ziel mit Formatierung per CSS: Eberhart 2.php_formular.docx 12

13 CSS-Code dafür: <style type="text/css"> body {font-family:arial;} th {text-align:left;} td {text-align:right;} td, th {padding:5px;} table, td, th { border:1px solid black; border-collapse:collapse; } table {width: 200px;} caption { background-color:black; color:white; font-weight:bold; font-size:1.2em; padding:5px; } div { font-size:0.8em; margin:5px; } </style> Eberhart 2.php_formular.docx 13

14 Übung: Formular mit Passwortabfrage 1.) Erstelle eine HTML5-Datei und speichere sie unter passwort.html <!doctype html> <html> <head> <meta charset="utf-8"> <title>formular</title> </head> <body> <h1>passwort eingeben</h1> <form action="passwort.php" method="post"> <h2>wie lautet das Passwort?</h2> <br> <p> Passwort: <input name="pass" type="password"></p> <br> <br> <input type="submit" value="abschicken"> <input type="reset" value="löschen"> </form> </body> </html> Passwörter ausblenden Hier heißt der Typ <password>. Damit kann der Nachbar die Eingabe nicht sehen. <p> Passwort: <input name="pass" type="password"></p> Eberhart 2.php_formular.docx 14

15 2.)Erstelle die passwort.php, an die im Hintergrund der Inhalt von der passwort.html gesendet wird. Hier wird das Passwort, in der ersten Variante, aber nur ausgegeben, was natürlich nicht besonders sinnvoll ist. Code: <!doctype html> <html> <head> <meta charset="utf-8"> <title>passwort fangen</title> </head> <body> <?php echo "<p>$_post[pass]</p>";?> </body> </html> Die <p>-tags dienen nur dazu, um einen Block zu bilden. Man kann sie auch weglassen. INFO: Mit Hilfe von $_POST kann man auf den Inhalt eines Formularfeldes (Formularwert) zugreifen. Bei $_POST muss man in den eckigen Klammern den Namen des Formularfeldes angeben. Der Formularwert (value) ist das, was der Benutzer in das Feld eintippt. Der Name des Formularfeldes entspricht dem Schlüssel (key), hier im Beispiel pass. Diese Werteliste besteht aus diesen beiden Bereichen (value und key) und wird Array genannt. Das Array heißt $_POST. (Dies gilt genau dann, wenn im <form>-tag die Methode method= post eingegeben wurde.) Das von einem Formular zurückgegebene Array heißt $_POST. Der im Formularfeld pass eingetragene Wert muss sich daher mit $_POST[ pass ] ermitteln lassen. Eine Ausgabe wird mit echo ermöglicht: echo "<p>$_post[pass]</p>"; Eberhart 2.php_formular.docx 15

16 Tipp: Da die gesamte echo Anweisung in Anführungszeichen steht, kann man diese im Array bei [pass] weglassen. Ergebnis der Eingabe im HTML-Dokument: Eberhart 2.php_formular.docx 16

17 Mit if-else die Eingabe überprüfen Lege ein Passwort fest, das korrekt verwendet werden soll, z.b. franz123. Dazu muss die passwort.php verändert werden. Code: <body> <?php if ($_POST["pass"] == "franz123") { echo "<h2>geschützter Bereich</h2>"; echo "<p>hier steht geheimer Inhalt...</p>"; } else { echo "<p>leider ist das Passwort falsch</p>"; }?> </body> Ergebnis bei richtigem Passwort: Eberhart 2.php_formular.docx 17

18 Info: Mit if($_post["pass"] == "franz123") { wird getestet, ob der aus dem Feld pass ausgelesene Inhalt mit der Zeichenfolge franz123 übereinstimmt. Nur dann zeigt das Skript den Bereich mit dem geschützten Inhalt an. If-else Entscheidungsstruktur: Im if-bereich testet man auf Übereinstimmung. Wenn der Ausdruck wahr ist, wird der geschützte Bereich angezeigt. Falls nicht, greift der else-zweig. Es erscheint der Satz Leider ist das Passwort falsch Die HTML- und PHP-Bereiche kann man problemlos einbinden und abschalten. Hauptsache man markiert korrekt, wo ein PHP-Abschnitt beginnt und wieder aufhört. Man darf keine geschweifte Klammer vergessen!!! Eberhart 2.php_formular.docx 18

19 Steuerzeichen entschärfen Leider muss man ein Formular gegen die Angriffe schützen, die nicht nur den Aufbau der Website komplett durcheinanderbringen können, sondern dank JavaScript auch in der Lage sind, echten Schaden anzurichten. Gibt man z.b. den HTML-Code <h1>das ist ein Schadenstest</h1> ein, wird bei der Ausgabe des Ergebnisses im Browser der HTML-Code in einer entsprechenden Anzeige umgesetzt. Am einfachsten ist es, wenn man die Steuerzeichen von HTML durch entsprechende Entities ersetzt. Das betrifft vor allem die öffnende, spitze Klammer. Steht nämlich statt dem < ein < wird die gefährliche sich öffnende Klammer nur als harmlose Zeichenkette < gewertet und kann keinen Schaden anrichten. Weitere gefährliche Zeichen sind: & & " < < > > Die Funktion htmlspecialchars() entschärft zuverlässig die problematischen Zeichen. Diese Funktion arbeitet seit PHP 5.4 standardmäßig mit UTF-8. Übung: weiterarbeiten in formular1.php bzw. formular1.html oder erstelle kurz ein neues Formular. Gib folgenden Schadcode ein: Ergebnis: Eberhart 2.php_formular.docx 19

20 Lösung: Es muss aber eine neue Variable eingeführt werden, in der die Eingabe, die in $vorname gespeichert ist, mit htmlspecialchars() entschärft. Mit dieser neuen wird dann die Ausgabe gefüttert. Nun kann ein Kunde in das Formular beliebigen Text und Steuerzeichen eingeben und man muss nicht mehr befürchten, dass dem Code etwas untergejubelt wird, was ihn aus der Bahn werfen könnte. Eberhart 2.php_formular.docx 20

21 Problem entschärfen: Gib es die Variable überhaupt? a)funktion isset() Bei der Werteübergabe mit POST bzw. GET kann es passieren, dass ein Parameter falsch benannt wird oder ganz fehlt. Daher muss man vorher überprüfen, ob dieser Wert überhaupt existiert bzw. die Variable einen Inhalt hat. Für die Frage nach der Existenz einer Variablen bietet PHP die Funktion isset(). Diese Funktion liefert den Wert true zurück, wenn eine Variable existiert und sie nicht den Wert NULL enthält. Hier wird die Variable $a mit einem Standardwert belegt. Anschließend wird mit isset() überprüft, ob Parameter übergeben wurde. Falls dies der Fall ist, bekommt die Variable die Übergabe als Wert zugewiesen. <?php $a = 1; if (isset($_post["a"])) $a = $_POST["a"];?> b)funktion empty() für das Auswerten von Formularen mit POST: Hier geht es nicht um die Existenz einer Variablen, sondern ob die übergebenen Werte im erwarteten Rahmen liegen. Empty() arbeitet aber anders als isset(): während isset() als Antwort true liefert, wenn eine Variable existiert, liefert empty() ein true wenn die Varible NICHT existiert oder von PHP als leer angesehen wird. Allerdings hat PHP eine seltsame Vorstellung davon, was eine leere Variable ist. Dazu gehört nämlich einiges: $a = "" $a = NULL $a = false $a = 0 $a = "0" Mit empty() kann man also nur sinnvoll arbeiten, wenn eine Variable diese Werte nicht annehmen darf. Beispiel: Ein Kontaktformular darf z.b. im Feld name nicht leer sein, aber auch nicht sinnlos befüllt sein mit etwa 0. Daher kann man hier empty() nutzen. Eberhart 2.php_formular.docx 21

22 <?php $fehler = false; if (!empty($_post["name"])) $name = ($_POST["name"]); else $fehler = true; if (!$fehler) { //Alles in Ordnung } else { //Es ist ein Fehler aufgetreten }?> Zu Beginn des Skripts wird eine Variable $fehler mit dem Wert false initialisiert, da es hier ja noch keinen Fehler gibt. Diese Variable bekommt im Skript den Wert false, sobald eine falsche oder fehlerhafte Eingabe vorliegt. Der übergebene Wert wird mit der Abfrage if(!empty($_post["name"])) daraufhin geprüft, ob er nicht leer ist. Nur wenn diese Abfrage zutrifft und der übergebene Wert existiert und nicht 0 enthält, wird eine entsprechende Variable angelegt. Andernfalls wird $fehler auf true gesetzt und das Skript kann nach der Formularauswertung entsprechend reagieren. Denn dann liegt ein Fehler vor, das Skript kann nun also eine Fehlermeldung ausgeben und zum erneuten Ausfüllen des Formulars auffordern. Falls $fehler nach wie vor false ist, ist kein Fehler aufgetreten und das Skript kann mit seiner Arbeit fortfahren. c)empty() auf Fehler reagieren Beispiel: Nur wenn die Variable $fehler leer ist, wird das Ergebnis der Berechnung angezeigt. Andernfalls wird die Fehlermeldung angezeigt: <?php if(!empty($fehler)) echo "<p>$fehler</p>; else { //Ergebnis anzeigen }?> Eberhart 2.php_formular.docx 22

23 Skript Feind Nummer 1: Zuweisung statt Gleichheit Die häufigste Fehlerquelle beim Programmieren mit PHP ist die Verwechslung des Zuweisungsoperators (dem einfachen Gleichheitszeichen =) mit der Abfrage der Gleichheit (dem doppelten Gleichheitszeichen ==). Beispiel: <?php $a = 5; if ($a = 4) echo "Das ist zu wenig"; elseif ($a > 4) echo "mehr als vier"; else echo Kleiner als 4";?> FEHLER!!! Das Skript wird immer ausgeben: "Das ist zu wenig", weil die Variable $a den Wert 4 zugeordnet bekommen hat. Der Fehler liegt im Istgleichzeichen. Das ist nämlich eine Zuordnung geworden, anstatt eines Vergleichs: Richtig: if ($a == 4) echo "Das ist zu wenig"; ein Vergleich!!! Eberhart 2.php_formular.docx 23

24 Aufgabe: Verbinde die linke Seite mit den passenden Erklärungen auf der rechten Seite: Eberhart 2.php_formular.docx 24

25 Lösung: Quellen: Eberhart 2.php_formular.docx 25