Vanilla JavaScript Tag Input with CSS

How to Create JavaScript Tag Input

1. After downloading, include plugin’s CSS and Js file in your web project.

<!-- simple-tags CSS -->
<link rel="stylesheet" href="css/style.css">
<!-- simple-tags JS -->
<script src="js/script-min.js"></script>

2. Now, create HTML div element with class name simple-tags and place some tags (if you want to display predefined) in data-tags jut like below:

<div class="simple-tags"
     id="container" 
     data-simple-tags="CodeHim, HTML, CSS, JavaScript, jQuery, Bootstrap">
</div>

3. Finally, get the container element by id in JavaScript and call the plugin with it to active tags input.

<script>
var el = document.getElementById('container');
new Tags(el);
<\script>