00 Stimmen

HTML: Label für Checkbox in anderer Zelle einer Tabelle

Frage von Gast | 25.04.2014 um 12:46

Ich habe auf meiner Homepage einige Checkboxen, die ich in einer Tabelle angeordnet habe. Das funktioniert auch alles soweit ganz gut, aber irgendwie arbeitet der Label-Tag nicht richtig mit der Tabelle zusammen.

Außerhalb von Tabellen oder innerhalb von eine Zeile geht es so wunderbar:

<label><input type="checkbox" name="cb" value="1"> Text</label>

Aber wehe man versucht die Checkbox in eine andere Zelle zu packen als den Text vom Label:

<tr>
  <td><label><input type="checkbox" name="cb" value="1"></td>
  <td>Text</label></td>
</tr>

So funktioniert es nicht mehr. Was kann ich tun? Für die Anordnung wäre eine Trennung schon erforderlich aber so geht es ja irgendwie nicht.

AntwortenPositivNegativ
0Beste Antwort0 Stimmen

In diesem Fall solltest du das "label for" Attribut benutzen.

Zum Beispiel so:

<tr>
  <td>
    <input type="checkbox" id="cb" name="cb" value="1">
  </td>
  <td>
    <label for="cb">Text</label>
  </td>
</tr>

Wie du siehst wird in diesem Fall nur der Text mit dem "label" eingerahmt. Im Attribut "for" wird die ID der betreffenden Checkbox, auf die sich das Label beziehen soll, angegeben.

So ist es möglich, das Label und die Checkbox beliebig voneinander zu separieren.
26.04.2014 um 23:42

AntwortenPositiv Negativ
Antworten

Ähnliche Themen

HTML-Formular mit Daten vorbelegen

Tutorial | 0 Kommentare

CSS-Stylesheets in HTML einbinden

Tutorial | 0 Kommentare

Wichtiger Hinweis

Bitte beachten Sie: Die Beiträge auf askingbox.de sind Beiträge von Nutzern und sollen keine professionelle Beratung ersetzen. Sie werden nicht von Unabhängigen geprüft und spiegeln nicht zwingend die Meinung von askingbox.de wieder. Mehr erfahren.

Jetzt mitmachen

Stellen Sie Ihre eigene Frage oder schreiben Sie Ihren eigenen Artikel auf askingbox.de. So gehts.