21. Aufgabe: Ausgabe der Radiobuttons
Wir bleiben bei unserem Formular und ergänzen es um Radiobuttons. Das sind input-Tags vom Typ radio. Es soll das Alter abgefragt werden. Hierfür gibt es 5 Altersbereiche.
Abbildung 21.1: Altersabfrage mit Radiobuttons
Erstellen Sie also 5 neue input-Tags vom Typ radio.
Es biete sich an, die input und label-Tags innerhalb einer Liste (ul) anzuordnen. Dadurch verbessert sich die Struktur.
Außerdem tauschen wir die Reihenfolge der beiden Tags (siehe unter Abbildung).
Abbildung 21.2: Aufbau der Radiobuttons in HTML
Achten Sie darauf, dass die Bezeichnung für das name-Attribut überall gleich lautet.
Zum Design
Auch hier müssen wir etwas am Design arbeiten.
Darum erhalten die label-Tags eine eigene Klasse (hier: "label_radio").
Ergänzen Sie die CSS-Datei um folgende Anweisungen:
Abbildung 21.3: CSS-Befehle für die Radiobuttons
Das PHP-Programm
Zu jeder möglichen Alters-Wahl erfolgt eine Ausgabe, in welcher der Altersbereich noch einmal ausgegeben wird.
Gibt der Benutzer kein Alter an, wird die komplette Ausgabe der Daten unterbunden. Es folgt lediglich eine Ausgabe mit einem Hinweis darüber, dass ein Alter ausgewählt werden muss.