Form Mix

<div class="form-item form-type-select form-item-select">
  <label for="edit-select">
    Select
  </label>
  <select id="edit-select" name="select" class="form-select">
    <option value="Gravida id et">
      Gravida id et
    </option>
    <option value="Sit malesuada malesuada">
      Sit malesuada malesuada
    </option>
    <option value="Luctus enim eros">
      Luctus enim eros
    </option>
    <option value="Aliquam sit nec">
      Aliquam sit nec
    </option>
    <option value="Ipsum cras lobortis">
      Ipsum cras lobortis
    </option>
  </select>
  <div class="description">
    In vel iaculis ligula.
  </div>
</div>
<div class="form-item form-type-select form-item-select">
  <label for="edit-select">
    Select
  </label>
  <select id="edit-select" name="select" class="form-select" multiple>
    <option value="Gravida id et">
      Gravida id et
    </option>
    <option value="Sit malesuada malesuada">
      Sit malesuada malesuada
    </option>
    <option value="Luctus enim eros">
      Luctus enim eros
    </option>
    <option value="Aliquam sit nec">
      Aliquam sit nec
    </option>
    <option value="Ipsum cras lobortis">
      Ipsum cras lobortis
    </option>
  </select>
  <div class="description">
    In vel iaculis ligula.
  </div>
</div>
<div class="form-item form-type-checkbox form-item-checkbox">
  <input type="checkbox"
    id="edit-checkbox"
    name="checkbox"
    value="1"
    checked="checked"
    class="form-checkbox" /> <label class="option" for="edit-checkbox">
    Checkbox
  </label>

  <div class="description">
    Curabitur quis nunc nibh.
  </div>
</div>
<div class="form-item form-type-checkboxes form-item-checkboxes">
  <label for="edit-checkboxes">
    Checkboxes
  </label>
  <div id="edit-checkboxes" class="form-checkboxes">
    <div class="form-item form-type-checkbox form-item-checkboxes-Gravida-id-et">
      <input type="checkbox"
        id="edit-checkboxes-gravida-id-et"
        name="checkboxes[Gravida id et]"
        value="Gravida id et"
        class="form-checkbox" /> <label class="option"
        for="edit-checkboxes-gravida-id-et">
        Gravida id et
      </label>
    </div>
    <div class="form-item form-type-checkbox form-item-checkboxes-Sit-malesuada-malesuada">
      <input type="checkbox"
        id="edit-checkboxes-sit-malesuada-malesuada"
        name="checkboxes[Sit malesuada malesuada]"
        value="Sit malesuada malesuada"
        class="form-checkbox" /> <label class="option"
        for="edit-checkboxes-sit-malesuada-malesuada">
        Sit malesuada malesuada
      </label>
    </div>
    <div class="form-item form-type-checkbox form-item-checkboxes-Luctus-enim-eros">
      <input type="checkbox"
        id="edit-checkboxes-luctus-enim-eros"
        name="checkboxes[Luctus enim eros]"
        value="Luctus enim eros"
        class="form-checkbox" /> <label class="option"
        for="edit-checkboxes-luctus-enim-eros">
        Luctus enim eros
      </label>
    </div>
    <div class="form-item form-type-checkbox form-item-checkboxes-Aliquam-sit-nec">
      <input type="checkbox"
        id="edit-checkboxes-aliquam-sit-nec"
        name="checkboxes[Aliquam sit nec]"
        value="Aliquam sit nec"
        class="form-checkbox" /> <label class="option"
        for="edit-checkboxes-aliquam-sit-nec">
        Aliquam sit nec
      </label>
    </div>
    <div class="form-item form-type-checkbox form-item-checkboxes-Ipsum-cras-lobortis">
      <input type="checkbox"
        id="edit-checkboxes-ipsum-cras-lobortis"
        name="checkboxes[Ipsum cras lobortis]"
        value="Ipsum cras lobortis"
        class="form-checkbox" /> <label class="option"
        for="edit-checkboxes-ipsum-cras-lobortis">
        Ipsum cras lobortis
      </label>
    </div>
  </div>
  <div class="description">
    Maecenas quis odio leo, a auctor lorem.
  </div>
</div>
<div class="form-item form-type-radios form-item-radios">
  <label for="edit-radios">
    Radios
  </label>
  <div id="edit-radios" class="form-radios">
    <div class="form-item form-type-radio form-item-radios">
      <input type="radio"
        id="edit-radios-gravida-id-et"
        name="radios"
        value="Gravida id et"
        class="form-radio" /> <label class="option"
        for="edit-radios-gravida-id-et">
        Gravida id et
      </label>
    </div>
    <div class="form-item form-type-radio form-item-radios">
      <input type="radio"
        id="edit-radios-sit-malesuada-malesuada"
        name="radios"
        value="Sit malesuada malesuada"
        class="form-radio" /> <label class="option"
        for="edit-radios-sit-malesuada-malesuada">
        Sit malesuada malesuada
      </label>
    </div>
    <div class="form-item form-type-radio form-item-radios">
      <input type="radio"
        id="edit-radios-luctus-enim-eros"
        name="radios"
        value="Luctus enim eros"
        class="form-radio" /> <label class="option"
        for="edit-radios-luctus-enim-eros">
        Luctus enim eros
      </label>
    </div>
    <div class="form-item form-type-radio form-item-radios">
      <input type="radio"
        id="edit-radios-aliquam-sit-nec"
        name="radios"
        value="Aliquam sit nec"
        class="form-radio" /> <label class="option"
        for="edit-radios-aliquam-sit-nec">
        Aliquam sit nec
      </label>
    </div>
    <div class="form-item form-type-radio form-item-radios">
      <input type="radio"
        id="edit-radios-ipsum-cras-lobortis"
        name="radios"
        value="Ipsum cras lobortis"
        class="form-radio" /> <label class="option"
        for="edit-radios-ipsum-cras-lobortis">
        Ipsum cras lobortis
      </label>
    </div>
  </div>
  <div class="description">
    Quisque a velit diam.
  </div>
</div>

<div class="form-item form-type-machine-name form-item-machine-name"
  style="display: none;">
  <label for="edit-machine-name">
    Machine name <span class="form-required" title="This field is required.">*</span>
  </label>
  <span class="field-prefix"></span> <input dir="ltr"
    type="text"
    id="edit-machine-name"
    name="machine_name"
    value=""
    size="60"
    maxlength="64"
    class="form-text required machine-name-target" /> <span class="field-suffix">

  </span>
  <div class="description">
    Phasellus quis venenatis tortor.
  </div>
</div>
<div class="form-item form-type-textarea form-item-textarea">
  <label for="edit-textarea">
    Textarea
  </label>
  <div class="form-textarea-wrapper resizable textarea-processed resizable-textarea">
    <textarea id="edit-textarea"
      placeholder="Write some text here..."
      name="textarea"
      cols="60"
      rows="5"
      class="form-textarea"></textarea>
    <div class="grippie"></div>
  </div>
  <div class="description">
    In ac ipsum erat.
  </div>
</div>