Semantic UI sandbox

by Banandrew

HTML

<link rel="stylesheet" href="https://semantic-ui.com/dist/semantic.css">
<script src="https://semantic-ui.com/dist/semantic.js"></script>
<form class="ui form" method="POST" action="test">
  <div class="required field">
    <label>Turma</label>
    <div class="ui fluid multiple selection dropdown">
      <input type="hidden" name="id_turma">
      <i class="dropdown icon"></i>
      <div class="default text">Turma</div>
      <div class="menu">
        <div class="item" data-value="1">Turma1</div>
        <div class="item" data-value="2">Turma2</div>
        <div class="item" data-value="3">Turma3</div>
      </div>
    </div>
  </div>
  <button type="submit">Submit</button>
</form>

CSS

body {
  padding: 1em;
}

JavaScript

$('.ui.dropdown').dropdown();