html5 下拉框

Code1
<form class="bs-example bs-example-form" role="form">
        <!--
        <div class="input-group">
 
 
          <div class="input-group-btn">
          <button id="dLabel" type="button" class="btn btn-default dropdown-toggle fenlei" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            <span id=text value="0">全部</span>
            <span class="caret"></span>
          </button>
          <ul class="dropdown-menu" aria-labelledby="dLabel">
            <li><a href="1" onclick="return false">电脑</a></li>
            <li><a href="2" onclick="return false">小说</a></li>
            <li><a href="3" onclick="return false">文学</a></li>
          </ul>
          </div>
 
 
            <input type="text" id="search_content" class="form-control" autocomplete="off">
            <span class="input-group-btn search">
                <button class="btn btn-default search bs" type="button" onclick="searchfunc()">Go!</button>
            </span>
        </div>
        -->
        <div class="container form-inline">
            <div class="row fenlei">
                <div class="form-group">
 
 
                    <input type="hidden" name="category_id" id="category_id" value="1" />
                    <div class="dropdown">
                        <a id="dLabel" role="button" data-toggle="dropdown" class="btnc  btn-white" data-target="#" href="javascript:;" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow"><span id="select-title">全部</span> <span class="caret"></span></a>
                        <ul class="dropdown-menu multi-level" role="menu" aria-labelledby="dropdownMenu">
                            <li class="dropdown-submenu">
                                <a href="javascript:;" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" data-index="2" data-title="计算机">计算机</a>
                                <ul class="dropdown-menu">
                                    <li><a data-index="2-1" href="javascript:;" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" data-title="二级菜单">二级菜单</a></li>
                                </ul>
                            </li>
 
 
                            <li class="dropdown-submenu">
                                <a tabindex="3" data-index="3" href="javascript:;" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" data-title="小说">小说</a>
                                <ul class="dropdown-menu">
                                    <li><a tabindex="3-1" data-index="3-1" href="javascript:;" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" data-title="二级菜单">二级菜单</a></li>
                                    <li class="divider"></li>
                                    <li class="dropdown-submenu">
                                        <a href="javascript:;" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" data-index="3-2" data-title="二级菜单">二级菜单</a>
                                        <ul class="dropdown-menu">
                                            <li><a href="javascript:;" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" data-index="3-2-1" data-title="三级菜单">三级菜单</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li><a href="javascript:;" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" data-index="4" data-title="文学">文学</a></li>
                        </ul>
 
 
                    </div>
 
 
                </div>
 
 
 
 
                <input type="text" id="search_content" class="form-control form-group" autocomplete="off">
 
 
                <span class="bs input-group-btn form-group">
                <button class="btn btn-default" type="button" onclick="searchfunc()">Go!</button>
                </span>
            </div>
 
 
        </div>
</form>
 
Code2
        <!--
        <div class="input-group">
 
 
          <div class="input-group-btn">
          <button id="dLabel" type="button" class="btn btn-default dropdown-toggle fenlei" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            <span id=text value="0">全部</span>
            <span class="caret"></span>
          </button>
          <ul class="dropdown-menu" aria-labelledby="dLabel">
            <li><a href="1" onclick="return false">电脑</a></li>
            <li><a href="2" onclick="return false">小说</a></li>
            <li><a href="3" onclick="return false">文学</a></li>
          </ul>
          </div>
 
 
            <input type="text" id="search_content" class="form-control" autocomplete="off">
            <span class="input-group-btn search">
                <button class="btn btn-default search bs" type="button" onclick="searchfunc()">Go!</button>
            </span>
        </div>
        -->
 

 

 
 
 
 
 
 
 

html5 下拉框

上一篇:css样式表


下一篇:网站用户行为分析