検索フォームの作り方。
<form class="form-horizontal" method="post"> <div class="form-group"> <label for="number" class="control-label col-xs-4">年月</label> <div class="col-xs-3"> <select class="form-control" id="number" name="yyyymm"> <option value="">選択してください</option> <option value="201805">201805</option> <option value="201806">201806</option> <option value="201807">201807</option> <option value="201808">201808</option> <option value="201809">201809</option> <option value="201806">201810</option> <option value="201811">201811</option> <option value="201812">201812</option> </select> </div> </div> <form class="form-horizontal" method="post"> <div class="form-group"> <label for="number" class="control-label col-xs-4">部署</label> <div class="col-xs-3"> <select class="form-control" id="number" name="department"> <option value="">選択してください</option> <option value="xxxx部">xxxx部</option> <option value="yyyy部">yyyy部</option> <option value="zzzz部">zzzz部</option> <option value="hoge部">hoge部</option> <option value="fuga部">fuga部</option> <option value="aaaa部">aaaa部</option> </select> </div> </div> <div class="form-group"> <label for="name" class="control-label col-xs-4">名前</label> <div class="col-xs-3"> <input type="text" class="form-control" id="name" name="name" placeholder="名前を入力してください"> </div> </div> <div class="form-group"> <div class="col-xs-offset-2 col-xs-7"> <button type="submit" name="submit" class="btn btn-block">検索</button> </div> </div> </form>
こんな感じ。