5 - Form Elements

5.1 - Form

Simple form wrapper

<form class="ui form segment">
  <p>Simple form wrapper</p>
</form>

5.2 - Text input

<form class="ui form segment">
  <input type="text" name="first-name" placeholder="First Name">
</form>

5.3 - Text area

<form class="ui form segment">
  <label>Your Message:</label>
  <textarea></textarea>
</form>

5.4 - Submit

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

5.5 - 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>

5.6 - Checkboxes

<div class="ui checkbox">
  <input type="checkbox" name="example">
  <label>Dolor Ligula Quam Vestibulum</label>
</div>
<div class="ui checkbox">
  <input type="checkbox" name="example">
  <label>Cras Tortor Egestas Ridiculus</label>
</div>

5.7 - Radio List

<form class="ui form segment">
  <div class="ui radio checkbox">
    <input type="radio" name="radio" checked="checked">
    <label>Yes</label>
  </div>
  <div class="ui radio checkbox">
    <input type="radio" name="radio">
    <label>No</label>
  </div>
</form>