Diskussion zu `<label>`

[Raketenwilli]

Was ich noch nie gesehen / ausprobiert (auch anderswo) habe, ist Klick auf den <label for>Bezeichner</label>. Der focussiert das Inputfeld. Darum geht es?

Jein. Nicht nur. Das for=$IdDesInputs ist nur notwendig, wenn das Input-Element nicht umfasst wird:

Man kann also je nach Ansinnen:

<label>text 
   <input />
<label>

oder

<label for="id0815">text</label>
<input id="id0815" />

notieren. Trickreich: Man kann das eigentliche Formularelement (checkbox) sogar ganz verschwinden lassen und dennoch (ohne JS!) bedienen. Das mit dem „Focus on Click“ ist nicht die einzige Nettigkeit, sondern hilft auch Screenreadern und Programmen, die nur Text anzeigen.