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>

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