HTML5-Handbuch - die neuen Features von HTML5

der Radiobuttons ausgewählt sein. Eine Checkbox ist eine ankreuzbare (aktivierbare) Option. Sie kann entweder einzeln vorkommen oder auch als Gruppe von Checkboxen mit gleichem Namen. Bei einer Gruppe kann der Anwender keine, eine oder mehrere Checkboxen ankreuzen.
Beispiel
    

    

Unterkunft:

    
    EZ Frühstück

     DZ Frühstück

     EZ Halbpension

     DZ Halbpension

     EZ Vollpension

     DZ Vollpension
    

    

Optionen:

     Parkplatz

     Internet

     Sauna

    
    Vegetarisch

     Raucher

    

    

Interner Vermerk:

     Tourist

    

    
    

Erläuterung
    Radiobuttons werden durch

markiert. Jeder Radiobutton sollte mit dem
name
-Attribut einen internen Bezeichnernamen erhalten. Alle Radiobuttons, die den gleichen Namen haben, gehören zu einer Gruppe, d. h. von diesen Buttons kann der Anwender genau einen auswählen.
    Checkboxen werden durch

markiert. Jede Checkbox sollte mit dem
name
-Attribut einen internen Bezeichnernamen erhalten. Wenn Checkboxen eine Gruppe bilden sollen, aus der der Anwender keinen, einen oder mehrere Einträge auswählen kann, müssen Sie für die betroffenen Checkboxen beim
name
-Attribut den gleichen Wert notieren.
    Mit dem Attribut
value
bestimmen Sie einen internen Absendewert. Wenn der Anwender das Formular abschickt, wird dieser Wert zusammen mit dem Bezeichnernamen des
name
-Attributs übertragen. Bei einzelnen Checkboxen, so wie im untersten Fall des obigen Beispiels, ist kein
value
-Attribut nötig. Mit den Formulardaten wird der Bezeichnername, im Beispiel also
tourist
, nur dann übertragen, wenn die Checkbox angekreuzt ist. Es genügt also, bei der serverseitigen Verarbeitung abzufragen, ob der Bezeichnername übertragen wurde. Wenn ja, wurde die Checkbox angekreuzt.
    Unmittelbar vor oder hinter dem

-Tag sollten Sie den Text notieren, der als Beschriftung der jeweiligen Option erscheint. Es handelt sich um normalen HTML-Text, der auch weitere HTML-Elemente enthalten darf.
    Bild 8.8: Radiobuttons und Checkboxen im Browser
    Wenn Sie eine der Auswahlmöglichkeiten vorselektieren wollen, dann notieren Sie in dem

-Tag des entsprechenden Radiobuttons das alleinstehende Attribut
checked
, also z. B.:
    
    Wenn Sie XHTML-Standard-konform arbeiten wollen, müssen Sie dieses Attribut in der Form
checked="checked"
notieren. Mehr als eine Auswahlmöglichkeit dürfen Sie bei Radiobuttons nicht vorselektieren.
    Ein serverseitiges Script, das die gesendeten Formulardaten auswertet, erhält bei mehreren ausgewählten Checkboxen mit gleichem Namen den Bezeichner des
name
-Attributs automatisch als Array. Nur bei PHP müssen Sie etwas nachhelfen. Damit PHP einen Bezeichnernamen als Array verarbeitet, muss der Name in HTML am Ende ein Paar eckiger Klammern erhalten, so wie im obigen Beispiel bei

.
    Um besser zu verstehen, was Radiobuttons und Checkboxen an den Server übertragen, hier noch ein Szenario. Angenommen, ein Anwender lässt im Formular des obigen Beispiels als Unterkunft die Default-Einstellung EZ Frühstück ausgewählt. Im Bereich der Optionen kreuzt er an: Internet , Vegetarisch und Raucher . Außerdem kreuzt er die Option Tourist an. In diesem Fall werden folgende POST-Daten an den Server übertragen:
    uk = EZ BR
    opt = { internet, vegkost, raucher }
    tourist = on
    Das
on
bei
tourist
ist ein Platzhalter, der anstelle des nicht notierten
value
-Attributs generiert wird.
Referenzinformationen
    Elementreferenz

:
    Attributreferenz
type
,
    Attributreferenz
name
,
    Attributreferenz
value
,
    Attributreferenz
checked
:

8.2.6      Felder für Datei-Uploads
    Diese Sorte Formularelement erlaubt dem Anwender, Dateien von seinem lokalen Rechner(netz)