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.
Ähnliche Themen
PHP: Formular mit vielen Checkboxen komfortabel an Skript übergeben
Tipp | 10 Kommentare
jQuery: DIV-Container abhängig von Checkbox anzeigen oder ausblenden
Tutorial | 2 Kommentare
HTML Formular: Weiterleitung abhängig von Radiobutton oder Checkbox
Tutorial | 0 Kommentare
Delphi/Lazarus: Label zur Laufzeit dynamisch erstellen
Tipp | 0 Kommentare
jQuery: Alle Checkboxen markieren (Select/Unselect All)
Tipp | 0 Kommentare
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.
In diesem Fall solltest du das "label for" Attribut benutzen.
Zum Beispiel so:
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