Question

我有一个简单的引导程序表单，它有一个在另一个下面的2个选择元素。但只有1选择出现。

 <form class="form-horizontal" role="form">
    <div class="form-group">
        <label for="inputType" class="col-md-2 control-label">Type</label>
        <div class="col-md-10">
            <input type="text" class="form-control" id="inputType" placeholder="Type">
        </div>
    </div>

    <div class="form-group">
        <label for="sel1" class="col-md-2 control-label">sel1</label>
        <div class="col-md-10">
            <select class="form-control" id="sel1" placeholder="Type">
        </div>
    </div>
    <div class="form-group">
        <label for="sel2" class="col-md-2 control-label">sel2</label>
        <div class="col-md-10">
            <select class="form-control" id="sel2" placeholder="Type">
        </div>
    </div>
</form>

我在这里有一个jsfiddle：http://jsfiddle.net/0brx0jx0/来证明这一点。

任何指针？

Answer 1

您没有关闭选择标记。试试以下。

<form class="form-horizontal" role="form">
    <div class="form-group">
        <label for="inputType" class="col-md-2 control-label">Type</label>
        <div class="col-md-10">
            <input type="text" class="form-control" id="inputType" placeholder="Type">
        </div>
    </div>
    <div class="form-group">
        <label for="sel1" class="col-md-2 control-label">sel1</label>
        <div class="col-md-10">
            <select class="form-control" id="sel1" placeholder="Type">
                <option>opt1</option>
                <option>opt2</option>
                <option>opt3</option>
            </select>
        </div>
    </div>
    <div class="form-group">
        <label for="sel2" class="col-md-2 control-label">sel2</label>
        <div class="col-md-10">
            <select class="form-control" id="sel2" placeholder="Type">
                <option>opt1</option>
                <option>opt2</option>
                <option>opt3</option>
            </select>
        </div>
    </div>
</form>

引导形式中缺少备用元素

1 个答案: