03. PHP-Formular 📝
Ein sicheres Kontaktformular mit Validierung
🎯 1. Ziel dieser Übung
Du erstellst ein HTML-Formular, das an ein PHP-Skript sendet. Das Skript prüft die Eingaben und zeigt eine Bestätigung an.
📁 2. Vorbereitung
- Erstelle einen Ordner:
C:\xampp\htdocs\schueler-max\kontakt\ - Stelle sicher, dass XAMPP läuft (Apache + MySQL)
📝 3. Aufgabe 1: HTML-Formular
Erstelle kontakt.html mit einem Formular, das folgende Felder enthält:
- Name (Text, Pflicht, min. 2 Zeichen)
- E-Mail (E-Mail, Pflicht)
- Nachricht (Textarea, Pflicht, min. 10 Zeichen)
Das Formular soll per POST an verarbeiten.php senden.
🐘 4. Aufgabe 2: PHP-Verarbeitung
Erstelle verarbeiten.php, das:
- Alle Eingaben mit
trim()bereinigt - Auf Gültigkeit prüft (Länge, E-Mail-Format)
- Bei Fehler eine Fehlermeldung anzeigt
- Bei Erfolg „Danke für deine Nachricht!“ ausgibt
⚠️ Keine Datenbank nötig! Nur Ausgabe im Browser.
🧠 5. KI-Prompt-Training
Aufgabe: Beantworte auf Papier:
- Warum ist clientseitige Validierung (HTML5) nicht ausreichend?
- Warum muss man Eingaben immer mit
trim()bereinigen? - Was passiert, wenn du
$_POST['name']direkt in HTML ausgibst?
Danach formuliere einen Prompt, mit dem du KI um Hilfe bitten würdest, um zu erklären, wie man in PHP eine E-Mail-Adresse validiert – ohne fertigen Code zu kopieren.
✅ 6. Abgabe
Lade folgende Dateien hoch:
kontakt.htmlverarbeiten.php- Screenshot des Formulars
- Screenshot der Bestätigungsseite
- Screenshot einer Fehlermeldung (z. B. zu kurzer Name)
Gib einen Freigabelink auf den Ordner in Moodle ab.