Home Javascript input tags by using jquery.tagsinput.js plugin in jquery

input tags by using jquery.tagsinput.js plugin in jquery

by Shahriar Sagor

Today now in this post i will talk about input tags by using jquery.tagsinput.js plugin in jquery. If we need to add the multiple tags from input then we can do it by using XOXCO plugin. So now in this example we can do it quickly. jquery tagsinput is help us to add the multiple tags also with good layout. So after run the bellow example we will found as like as you want. Now in this example i will use cdn js path that way we don’t require to download any js from the internet. So we have to just copy this file and then run in your sytem.

Example:
 <html lang="en">
<head>
    <title>Jquery - input tags plugin example</title>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/jquery-tagsinput/1.3.6/jquery.tagsinput.min.css" rel="stylesheet">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-tagsinput/1.3.6/jquery.tagsinput.min.js"></script>

</head>
<body style="background: #337AB7">


<div style="width: 500px; margin: 0px auto;">
 <h2 style="font-family:cursive;">Jquery - input tags plugin example</h2>
 <input name="tags" id="input-tags" style="width:500px !important" />
</div>


<script type="text/javascript">
 $('#input-tags').tagsInput();
</script>


</body>
</html>

Read Also : Laravel 8 Mobile Number Verification Tutorial

Thanks for read. I hope it help you. For more you can follow us on facebook

close

You may also like