Sha256: 6d5e72e7ffc43a27ad6cc4454c05640a4bc8c40731fc04e7c05baa50d8034df9
Contents?: true
Size: 1.72 KB
Versions: 1
Compression:
Stored size: 1.72 KB
Contents
# Radio Da Radiobuttons meist in Gruppen auftreten sollten diese nur innerhalb eines `<fieldset>` vorkommen um so deren Zusammengehörigkeit zu visualisieren. Der `<legend>`-Tag beinhaltet dabei die Beschreibung der Gruppe. Ein einzelener Radio-Button wird mit dem `<input type="radio">`-Tag erzeugt. Die CSS-Klasse `.form-radio` verleiht ihm das Grundgerüst und die grundelegenden Eigenschaften die alle Browser gemeinsam abbilden können. Für eine optimale Darstellung gibt es auch für Radiobuttons ein jQuery-Plugin: ```javascript $('.form-radio').radio() ``` <div class="tc-example" role="application"> <fieldset class="form-fieldset"> <legend>Gruppen Beschriftung</legend> <div class="form-radio-set"> <label> <input type="radio" name="rb" value="rb1" class="form-radio">foo </label> </div> <div class="form-radio-set"> <label> <input type="radio" name="rb" value="rb2" class="form-radio" checked>bar </label> </div> <div class="form-radio-set"> <label> <input type="radio" name="rb" value="rb3" class="form-radio" disabled>Inaktiv </label> </div> </fieldset> </div> ```html <fieldset class="form-fieldset"> <legend>Gruppen Beschriftung</legend> <div class="form-radio-set"> <label> <input type="radio" name="rb" value="rb1" class="form-radio">foo </label> </div> <div class="form-radio-set"> <label> <input type="radio" name="rb" value="rb2" class="form-radio" checked>bar </label> </div> <div class="form-radio-set"> <label> <input type="radio" name="rb" value="rb3" class="form-radio" disabled>Inaktiv </label> </div> </fieldset> ```
Version data entries
1 entries across 1 versions & 1 rubygems
Version | Path |
---|---|
doc-msp-theme-0.1.0 | _sass/_radio.md |