fomantic-ui/test/fixtures/checkbox.html

Fomantic empowers designers and developers by creating a shared vocabulary for UI.

<div class="ui form">
  <div class="grouped inline fields">
    <div class="field">
      <div class="ui radio checkbox">
        <input type="radio" name="fruit" checked="checked" />
        <label>Apples</label>
      </div>
    </div>
    <div class="field">
      <div class="ui radio checkbox">
        <input type="radio" name="fruit" />
        <label>Oranges</label>
      </div>
    </div>
    <div class="field">
      <div class="ui radio checkbox">
        <input type="radio" name="fruit" />
        <label>Pears</label>
      </div>
    </div>
    <div class="field">
      <div class="ui radio checkbox">
        <input type="radio" name="fruit" />
        <label>Grapefruit</label>
      </div>
    </div>
  </div>
  <div class="field">
    <div class="ui checkbox">
      <input type="checkbox">
      <label>Poodle</label>
    </div>
  </div>
  <div class="field">
    <div class="ui toggle checkbox">
      <input type="checkbox" name="pet" />
      <label>Allow other people to pet my dog</label>
    </div>
  </div>
  <div class="field">
    <div class="ui slider checkbox">
      <input type="checkbox" name="pet" />
      <label>Allow other people to pet my dog</label>
    </div>
  </div>
</div>