Tach! > Auf [dieser Seite](http://www.teslamotors.com/models/drive) habe ich eine interessante Checkbox entdeckt, die auch funktioniert, wenn Javascript ausgeschaltet ist. > > ~~~ > <label for="edit-updates-opt-in-td"> <input type="checkbox" id="edit-updates-opt-in-td" name="updates_opt_in_td" checked="checked" /><i class="icon-checkbox"></i> > Get Tesla Updates via email </label> > </div> > ~~~ > > Mir ist nur nicht klar, wie die funktioniert, weil eine unübersichtlich große Zahl an CSS Dateien eingebunden ist. Zusammengekürzt auf das Wesentliche ergibt sich ein Label, das man gestalten kann, so dass sich die äußere Form ergibt. Ein Klick auf ein Label mit for-Attribut schaltet eine Checkbox mit gleichnamigem id um. Das Zeichen in der Box wird anscheinend über das i-Element eingefügt und je nach Schaltzustand der Checkbox ein-/ausgeblendet/umgeschaltet. Dafür wird wohl ein Icon-Font-Zeichen genommen worden sein. dedlfix.

Tach! > Auf [dieser Seite](http://www.teslamotors.com/models/drive) habe ich eine interessante Checkbox entdeckt, die auch funktioniert, wenn Javascript ausgeschaltet ist. > > ~~~ > <label for="edit-updates-opt-in-td"> <input type="checkbox" id="edit-updates-opt-in-td" name="updates_opt_in_td" checked="checked" /><i class="icon-checkbox"></i> > Get Tesla Updates via email </label> > </div> > ~~~ > > Mir ist nur nicht klar, wie die funktioniert, weil eine unübersichtlich große Zahl an CSS Dateien eingebunden ist. Zusammengekürzt auf das Wesentliche ergibt sich ein Label, das man gestalten kann, so dass sich die äußere Form ergibt. Ein Klick auf ein Label mit for-Attribut schaltet eine Checkbox mit gleichnamigem id um. Das Zeichen in der Box wird anscheinend über das i-Element eingefügt und je nach Schaltzustand der Checkbox ein-/ausgeblendet/umgeschaltet. dedlfix.