Ein wenig HTML-Basics: Im folgenden Beispiel zeige ich, wie die Formulardaten von mehreren Eingabefeldern oder Auswahlmenüs (Dropdown-Menüs) in einem Schritt an PHP übergeben werden können. Dabei ist jede Kombination aus Eingabefeldern und Auswahlmenüs möglich. Die Anzahl der möglichen Felder oder Menüs ist theoretisch unbegrenzt.
In diesem Beispiel wird beim Klick auf den "Absenden"-Button die Seite neu geladen, mittels der
Variablenfunktion isset wird der entsprechende PHP-Code ausgeführt und die zuvor eingegebenen Formularwerte werden an PHP übergeben. Diese lassen sich innerhalb des Scripts nach Belieben weiterverarbeiten.
PHP:
<?PHP// Der folgende Code wird erst bei Klick auf den Absendebutton ausgeführtif(isset($_POST["ausfuehren"])) {// Formularwert von Eingabefeld 1 holen$wert1 = $_POST["feld1"];// Formularwert von Eingabefeld 2 holen$wert2 = $_POST["feld2"];// Formularwert von Auswahlmenü holen$wert3 = $_POST["menue"];// Werte als Text ausgebenecho $wert1 . "<br>";echo $wert2 . "<br>";echo $wert3;}?> HTML:
<!DOCTYPE html><html lang="de"> <head> <title>Werte von Eingabefeldern an PHP übergeben
</title> </head><body><!-- Beginn des HTML-Formulars --><form method="post"><!-- Eingabefeld 1 --><input type="text" name="feld1" placeholder="Eingabefeld 1"><!-- Eingabefeld 2 --><input type="text" name="feld2" placeholder="Eingabefeld 2"><!-- Auswahlmenü --> <select name="menue"> <option value="">-- Bitte auswählen ---
</option> <option value="Montag">Montag
</option> <option value="Dienstag">Dienstag
</option> <option value="Mittwoch">Mittwoch
</option> </select><!-- Absendebutton --><input type="submit" name="ausfuehren" value="Absenden"><!-- Ende des HTML-Formulars --></form></body></html>
Die folgende Live-Demo zeigt die praktische Anwendung. Einfach mal die Namen von ein paar Freunden eingeben und das Script in Aktion sehen
.
Und hier der komplette Scriptcode zur obigen Live-Demo. Den Code als PHP-Datei im UTF-8-Format speichern - oder die fertige Beispieldatei
hier herunterladen und nach Lust und Laune experimentieren.
<?PHP// ///////////////////////////////////////////////// //// Demo Formularwerte an PHP übergeben //// technikblog.gerhard-kerner.at //// //////////////////////////////////////////////// //// Der folgende Code wird erst bei Klick auf den Absendebutton ausgeführtif(isset($_POST["ausfuehren"])) {// Formularwert von Eingabefeld 1 holen$wert1 = $_POST["feld1"];// Formularwert von Eingabefeld 2 holen$wert2 = $_POST["feld2"];// Formularwert von Auswahlmenü holen$wert3 = $_POST["menue"];// Variablen in Text einbauen$ausgabe = "Hallo, <strong>$wert1</strong>! Treffen wir uns mit <strong>$wert2</strong> am <strong>$wert3</strong>?";// Falls Variablen leer, Alternativtext anzeigenif(empty($wert1 && $wert2 && $wert3)){$ausgabe = "Nicht alle Felder ausgefüllt";} else{$ausgabe = $ausgabe;}}?> <!DOCTYPE html><html lang="de"> <head> <title>Demo: Formularwerte an PHP übergeben
</title> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <style> body {width:500px;margin:0 auto;text-align:center;}
p {font-family:verdana,sans-serif;font-size:14px;color:#333;}
input {margin-top:10px;font-family:verdana,sans-serif;font-size:13px;}
input[type=submit] {margin-top:15px;}
</style> </head><body><!-- Beginn des HTML-Formulars --><form method="post"><!-- Eingabefeld 1 --><input type="text" size="20" name="feld1" placeholder="Name einer Freundin"><!-- Eingabefeld 2 --><input type="text" size="20" name="feld2" placeholder="Name eines Freundes"><!-- Auswahlmenü --> <select name="menue"> <option value="">-- Auswählen ---
</option> <option value="Montag">Montag
</option> <option value="Dienstag">Dienstag
</option> <option value="Mittwoch">Mittwoch
</option> <option value="Donnerstag">Donnerstag
</option> <option value="Freitag">Freitag
</option> <option value="Samstag">Samstag
</option> <option value="Sonntag">Sonntag
</option> </select><!-- Absendebutton --><input type="submit" name="ausfuehren" value="Absenden"><!-- Ende des HTML-Formulars --></form><!-- Textausgabe --><p><?php echo $ausgabe; ?></p></body></html> 
WinFuture News
in HTML-Formularen können als Übertragungsmethoden GET oder POST verwendet werden. In diesem Beispiel wurde die Methode POST gewählt, die - idealerweise in Verbindung mit HTTPS - auch zur Übertragung von sensiblen Daten wie Login-Daten oder Passwörtern geeignet ist. Detaillierte Infos dazu unter: selfhtml.org - Anfragemethoden und selfhtml.org - Formulare
Schöne Grüße