bootstrap中select下拉框實現placeholder效果

引入bootstrap相關資源

<link rel="stylesheet" href="/bootstrap-3.3.7/css/bootstrap-select.css"/>

<script src="/bootstrap-3.3.7/js/bootstrap-select.js"></script>
<script src="/bootstrap-3.3.7/js/bootstrap-select-zh_cn.js"></script>

普通寫法

<select class="selectpicker show-tick form-control"  name="type" >
                    <option value="1"> 單選</option>
                    <option value="0"> 多選</option>
                </select>

只需要加入title屬性即可

<select class="selectpicker show-tick form-control" id="batch" name="batch" title="選項類型">
                    <option value="1"> 單選</option>
                    <option value="0"> 多選</option>
                </select>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章