引导材料设计的输入文本中如何使标签支持？

Question

i have created a fiddle here.but its showing error while give the input tags. i want the label to jumb upwards while clicking the input text and can add the tags in input text

html

<form>
                                    <div class="md-form form-width">

                                        <input type="text" id="form41"  class="form-control tags">
                                        <label for="form41" class="">Keywords/Tags (Type 5 to 20 items)  </label>
                                    </div>
                                </form>

js

<script>
        // Material Select Initialization
        $(document).ready(function() {
            $('.mdb-select').material_select();


      $('.tags').tagsinput({
        allowDuplicates: true
    });
        $('.tags').on('itemAdded', function(item, tag) {
        $('.items').html('');
        var tags = $('.tags').tagsinput('items');
        $.each(tags, function(index, tag) {
            $('.items').append('<span>' + tag + '</span>');
        });
    });
});

Answer 1

From the console error message I would say you need to import also jQuery:

(index):69 Uncaught ReferenceError: $ is not defined bootstrap.min.js:6 Uncaught Error: Bootstrap's JavaScript requires jQuery