dynamische Webseite mit php

[Gunnar Bittersmann]

@@Rolf B

Du bekommst name=value, wenn in einem Form mit der Radiogroup

Eine Gruppe von Radiobuttons sollte i.d.R. auch als solche im Markup ausgezeichnet werden. Und damit meine ich nicht (nur) das name-Attribut, sondern ein fieldset drumherum. Dessen legend-Element wird von Screenreadern zusätzlich zum Label der Radiobuttons angesagt.

<input type="radio" id="foo-1" name="foo" value="dings"><label for="foo-1">Dings</label>
<input type="radio" id="foo-2" name="foo" value="bums"><label for="foo-2">Bums</label>
<input type="radio" id="foo-3" name="foo" value="tra"><label for="foo-3">Tra</label>
<input type="radio" id="foo-4" name="foo" value="lala"><label for="foo-4">Lala</label>

So möchte man den Code kaum haben, sondern <input> und <label> jeweils in einer Zeile. Das bisschen mehr Zwischenraum zwischen Radiobutton und Beschriftung tut der visuellen Darstellung auch gut.

Wenn man mit Maus o.a. Pointer nicht auf Radiobutton oder Beschriftung, sondern auf den Zwischenraum clickt, soll trotzdem der Radiobutton aktiviert werden. Derhalb empfielt es sich, bei Radiobuttons und Checkboxen das <input>-Element in das <label>-Element zu schachteln. (Spart Rumgemache mit CSS.)

<fieldset>
  <legend>Entdecke die Möglichkeiten:</legend>
  <label for="foo-1">
    <input type="radio" id="foo-1" name="foo" value="dings">
    Dings
  </label>
  <label for="foo-2">
    <input type="radio" id="foo-2" name="foo" value="bums">
    Bums
  </label>
  <label for="foo-3">
    <input type="radio" id="foo-3" name="foo" value="tra">
    Tra
  </label>
  <label for="foo-4">
    <input type="radio" id="foo-4" name="foo" value="lala">
    Lala
  </label>
</fieldset>

Da die Radiobuttons untereinander stehen sollen, tut das sowieso sinnvollerweise im Stylesheet stehende

label {
  display: block;
  width: fit-content;
}

auch hier seinen Dienst.

🖖 Live long and prosper