在bootstrap-tagsinput中的标签之前移动文本输入

Question

有没有一种简单的方法可以在bootstrap-tagsinput中将文本输入移动到标签上方？

这是一个可能说明我的意思的代码：https://codepen.io/uebes/pen/KQEdeP

换句话说，我希望标签在我的输入文本框之后添加如下：

    <div class="bootstrap-tagsinput">
        <input type="text" placeholder="">
        <span class="tag label label-info"> Test 1<span data-role="remove"></span></span>
        <span class="tag label label-info"> Test 2<span data-role="remove"></span></span>
        <span class="tag label label-info"> Test 3<span data-role="remove"></span></span>
        <span class="tag label label-info"> Test 4<span data-role="remove"></span></span>
        <span class="tag label label-info"> Test 5<span data-role="remove"></span></span>
    </div>

而不是默认情况下，在文本框之前添加新标记：

    <div class="bootstrap-tagsinput">
        <span class="tag label label-info"> Test 1<span data-role="remove"></span></span>
        <span class="tag label label-info"> Test 2<span data-role="remove"></span></span>
        <span class="tag label label-info"> Test 3<span data-role="remove"></span></span>
        <span class="tag label label-info"> Test 4<span data-role="remove"></span></span>
        <span class="tag label label-info"> Test 5<span data-role="remove"></span></span>
        <input type="text" placeholder="">
    </div>

Answer 1

你是说这个......？

<div class="bootstrap-tagsinput">
        <input type="text" placeholder=""><br>
        <span class="tag label label-info"> Test 1<span data-role="remove"></span></span>
        <span class="tag label label-info"> Test 2<span data-role="remove"></span></span>
        <span class="tag label label-info"> Test 3<span data-role="remove"></span></span>
        <span class="tag label label-info"> Test 4<span data-role="remove"></span></span>
        <span class="tag label label-info"> Test 5<span data-role="remove"></span></span>
    </div>