4 - Form Elements

4.1 - Text input

<form class="ui form segment">
  <div class="form-item labeled">
     <label>Label</label>
     <input type="text" name="first-name" placeholder="First Name">
     <div class="mt"></div>
  </div>
</form>

4.2 - Text area

<form class="ui form segment">
  <div class="form-item labeled">
     <label>Label</label>
     <textarea></textarea>
  </div>
</form>

4.3 - Submit

<form class="ui form segment">
  <input class="ui button" type="submit" value="Send" />
</form>

4.4 - Select List

<form class="ui form segment">
  <select class="ui search dropdown" type="submit" value="Send">
     <option value="">Your answer</option>
     <option value="Yes">Yes</option>
     <option value="No">No</option>
  </select>
</form>

4.5 - Select List (radio)

<div class="form-item form-type-radios off-label required form-item">
  <label for="edit-submitted-yes">Yes?</label>
  <div id="edit-submitted-yes" class="form-radios">
    <div class="ui radio checkbox form-item">
      <input required="required" type="radio" id="edit-submitted-yes-1" name="yes" value="Yes" class="form-radio">
      <label for="edit-submitted-yes-1">yes</label>
    </div>
    <div class="ui radio checkbox form-item">
      <input required="required" type="radio" id="edit-submitted-yes-2" name="yes" value="No" class="form-radio">
      <label for="edit-submitted-yes-2">no</label>
    </div>
  </div>
</div>

4.5 - Select List (checkbox)

<div class="form-item form-type-checkboxes off-label required form-item">
  <label for="edit-submitted-yes">When?</label>
  <div id="edit-submitted-yes" class="form-radios">
    <div class="ui checkbox form-item">
      <input required="required" type="checkbox" id="edit-submitted-yes-1" name="yes" value="Yes" class="form-radio">
      <label for="edit-submitted-yes-1">Day</label>
    </div>
    <div class="ui checkbox form-item">
      <input required="required" type="checkbox" id="edit-submitted-yes-2" name="yes" value="No" class="form-radio">
      <label for="edit-submitted-yes-2">Night</label>
    </div>
  </div>
</div>