Semantic UI Tags Input Allow to Add

by jack rabbit

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.7/semantic.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.7/semantic.min.js"></script>
<select name="skills" multiple="" class="ui search fluid dropdown">
  <option value="">Skills</option>
  <option value="angular">Angular</option>
  <option value="css">CSS</option>
  <option value="design">Graphic Design</option>
  <option value="ember">Ember</option>
  <option value="html">HTML</option>
  <option value="ia">Information Architecture</option>
  <option value="javascript">Javascript</option>
  <option value="mech">Mechanical Engineering</option>
  <option value="meteor">Meteor</option>
  <option value="node">NodeJS</option>
  <option value="plumbing">Plumbing</option>
  <option value="python">Python</option>
  <option value="rails">Rails</option>
  <option value="react">React</option>
  <option value="repair">Kitchen Repair</option>
  <option value="ruby">Ruby</option>
  <option value="ui">UI Design</option>
  <option value="ux">User Experience</option>
</select>

<input type="text" class="ui search fluid" multiple="" placeholder="find here">

CSS

body {
  margin: 2em
}

JavaScript

$('.ui.dropdown').dropdown({
  allowAdditions: true,
});