RadioButtons aktiver Bereich

[sb15420]

Hi,
ich wollte mal fragen, wie man den aktiven Bereich von RadioButtons erweitern kann, also das ich auf einen Text neben dem RadioButton klicken kann und der Button ist ausgewählt, statt genau auf den Punkt zu klicken.
Was für HTML-Code fehlt mir da noch?
<input type="radio" name="name" value="test1"> RadioButton1
usw..

Grüße sb15420

 

[kruschimappel]

Dazu gibt es das <label>-Tag:

<input type="radio" name="name" value="test1" id="test1"> <label for="test1">RadioButton1</label>

Das Attribut for im label-Tag bezieht sich dabei auf die id des Radiobuttons.

 

[sb15420]

Cool, wieder was dazu gelernt.
Vielen Dank
Grüße sb15420

 

[Efchen]

Wenn Du das noch nicht wusstest, hilft Dir vielleicht auch das Tutorial, wie man anständige, nutzerfreundliche, barrierefreie Formulare erstellt: Reine Formsache - Barrierefreie Formulare mit HTML, CSS & JavaScript : Einfach für Alle