Auf diesen Folien finden Sie eine Übersicht über einige HTML-Formularelemente wie Texteingabefelder, Radiobuttons, Checkboxen usw.
Letztlich müssen Sie die nicht alle auswendig können, aber Sie müssen Sie verwenden können. Verwenden heißt: Korrekte Attributwerte eintragen (bspw. für name
oder id
) und dann mit PHP die entsprechenden Auswertungen vornehmen.
***** Übungen: PHP - Formulare in HTML erstellen *****
PHP-9_1 Fehler im Listing finden
Finden Sie in den folgenden Zeilen die Fehler und berichtigen Sie sie.
1. <form methode="post" action="ergebnis.php">
2. <form method = "get">
3. <form><input type = "text" name="vorname></form>
4. <input "submit" name="absendeknopf" value="absenden">
5. <label for "feld">Ihr Vorname:</label><input type="text" id="vorname" name="feld">
6. <textarea cols="3" rows="40" name="kommentar"></textarea>
7. <input type="radio">Geschlecht:</input>
8. <input type="checkbox" name="Lieblingseissorten" value="Erdbeer" checked>
9. <input type="checkbox" id="Erdbeereis" name="Erdbeer" value="Lieblingseissorten">
PHP-9_2 Attribute in Formularen interpretieren
Beschreiben Sie in eigenen Worten, wozu die Attribute in den folgenden Beispielen jeweils dienen. Die zu beschreibenden Attribute sind GROSSGESCHRIEBEN.
1. <input TYPE = "radio" ... >
2. <input type="text" name="Nachname" ID="nachname">
3. <textarea NAME="kommentar" id="feld13"></textarea>
<input type="checkbox" name="newsletter" checked="checked" VALUE="ja">
PHP-9_3 Formularblock erstellen
Erstellen Sie einen Formular, in das der User Vorname und Nachname eintragen kann, außerdem über Radiobuttons sein Geschlecht angeben kann.
PHP-9_4 Listing ergänzen
Ergänzen Sie das folgende Listing so, dass der User einen favorisierten Fußballverein auswählen kann und einen Kommentar hinterlassen kann.
--- HTML-Code Start ---
<form action="ergebnis.php" method="post">
<label for "vorname">Ihr Vorname:</label>
<input type="text" name="vorname" id="vorname">
<select name="fussballverein">
<!-- hier bitte die Auswahl des Fußballvereins einfügen -->
<!-- hier bitte die Möglichkeit für einen Kommentar (30 Spalten, 4 Zeilen) einbauen -->
</form>
--- Code Ende ---