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