Skip to content

Instantly share code, notes, and snippets.

@hxer
Last active November 22, 2016 08:18
Show Gist options
  • Save hxer/f3a5a0f94c4ce14d147cbce970b310e0 to your computer and use it in GitHub Desktop.
Save hxer/f3a5a0f94c4ce14d147cbce970b310e0 to your computer and use it in GitHub Desktop.
form select search
<div class="container">
<div class="row">
<div class="col-md-6 col-center-block">
<form class="form-inline" >
<div class="form-group ">
<select name="type" class="form-control">
<option value=""></option>
<option value=""></option>
<option value=""></option>
<option value=""></option>
</select>
</div>
<div class="form-group">
<input type="text" class="form-control" placeholder="Search..." name="data" />
</div>
<div class="form-group">
<span >
<button type="submit" class="btn btn-default" >
<span class="glyphicon glyphicon-search"></span><i>&nbsp;搜索</i>
</button>
</span>
</div>
</form>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-xs-8 col-xs-offset-2">
<form id="searchpfrom" role="form" action="#" method="POST">
<div class="input-group">
<div class="input-group-btn search-panel">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
<span id="search_concept">abc</span> <span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
<li><a href="#abc">abc</a></li>
<li><a href="#def">def</a></li>
<li><a href="#hij">hij</a></li>
<li><a href="#qwe">qwe</a></li>
</ul>
</div>
<input type="hidden" name="type" value="abc" id="search_param">
<input type="text" class="form-control" name="data" placeholder="Search ...">
<span class="input-group-btn">
<button class="btn btn-default" type="submit"><span class="glyphicon glyphicon-search"></span></button>
</span>
</div>
</form>
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment