HTML-Tag label: Die optimale Lösung für Barrierefreiheit und mehr Usability

Das HTML-Tag label unterstützt alle globalen HTML-Attribute sowie Event-Attribute. Dazu können folgende Attribute mit dem HTML-Tag verbunden werden:

for: Über das Attribut for wird die ID des Input-Elements bestimmt, mit dem die Beschriftung verbunden werden soll. Das bedeutet auch, dass in einem Dokument das erste Input-Element, das diesem Wert entspricht, automatisch in Zusammenhang mit der Beschriftung steht.

form: Das Attribut form definiert, welches Form-Element dem label-Tag in HTML zugeordnet werden soll. In der Praxis sieht das beispielsweise so aus: