引入CSS:
<link rel="stylesheet" type="text/css" href="css/css.css">
引入JS:
<script src="js/jquery.min.js"></script> <script src="js/tagsinput.js"></script> <script type="text/javascript"> function getinput(){ alert($('#tagsinputval').val()); } </script>
HTML结构:
<div class="box"> <h1 style="text-align: center;margin: 20px 0;margin-top: 200px;">jquery自动生成标签</h1> <div class="tagsinput-primary form-group"> <input name="tagsinput" id="tagsinputval" class="tagsinput" data-role="tagsinput" value="faltui,这是一个标签" placeholder="输入后回车"> <button class="btn" onClick="getinput()">获取输入的值</button> </div> </div>