表详细信息中的Bootstrap下拉列表

时间:2016-04-18 18:17:33

标签: javascript html twitter-bootstrap twitter-bootstrap-3 html-table

添加下拉列表的正确方法是什么?我将这些信息传递给JS / PHP,其他一切正常......我希望尽可能少地改变!

    <table id="create">
    <thead>
    <tr>
        <th>Name</th>
        <th>Type</th>
        <th>Start</th>
        <th>End</th>
        <th>Active</th>
        <th></th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td><input style="min-width: 180px" class="form-control name" type="text" name="name" placeholder="Contest Name"></td>
        <td> BOOTSTRAP DROPDOWN </td>
        <td><input class="form-control start" type="date" name="start" placeholder="Start Date (mm/dd/yyyy)"></td>
        <td><input class="form-control end" type="date" name="end" placeholder="End Date (mm/dd/yyyy)"></td>
        <td><input class="form-control active" type="checkbox" name="active" value="1" CHECKED></td>
        <td><input class="btn btn-success create" type="button" name="create" value="Create"></td>
    </tr>
    </tbody>
</table>

1 个答案:

答案 0 :(得分:0)

除非我遗漏了某些内容,否则这很简单since the documentation is found here。只需向下滚动到<select class="form-control"> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> </select> 部分即可阅读相关内容。在表单中添加此代码。

{{1}}