Folien



(letzte Synchronisation der PDF-Präsentation: 21.03.2021)

Falls keine PDF-Präsentation zu sehen ist, klicken Sie zum Download hier: Direktdownload PDF-Präsentation

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

Alle Übungen finden Sie in der Materialsammlung (dort auch alle zusätzlichen Dateien wie Bilder, Klassendiagramme oder HTML-Vorlagen!).

Die aktuelle Übung können Sie hier als txt-File herunterladen.


***** Ü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 ---