facebook twitter hatena line email

Html/bootstrap/bootstrap3/検索ボックス

提供: 初心者エンジニアの簡易メモ
2015年11月8日 (日) 15:01時点におけるAdmin (トーク | 投稿記録)による版

移動: 案内検索

通常検索ボックス

<<wiki />form class="form-group navbar-form navbar-left form-inline" action="/tag">
   <<wiki />div class="input-group">
       <<wiki />span class="input-group-addon">
           <<wiki />span class="glyphicon glyphicon-search" aria-hidden="true"><<wiki />/span>
       <<wiki />/span>
       <<wiki />input type="text" class="form-control" placeholder="人気動画を見つける" size="20px" name="tag" value="テンプレート:$request.tag" />
       <<wiki />span class="input-group-btn">
       <<wiki />input class="btn btn-default" type="submit" value="Go">
       <<wiki />/span>
   <<wiki />/div><<wiki />!-- /input-group -->
<<wiki />/form>

種類を選択できる検索ボックス

<<wiki />form class="form-group navbar-form navbar-left form-inline" action="/tag">
   <<wiki />div class="input-group">
       <<wiki />span class="input-group-addon">
           <<wiki />span class="glyphicon glyphicon-search" aria-hidden="true"><<wiki />/span>
       <<wiki />/span>
       <<wiki />input type="text" class="form-control" placeholder="人気動画を見つける" size="20px" name="tag" value="テンプレート:$request.tag" />
       <<wiki />span class="input-group-addon" style="margin:0;padding:0">
       <<wiki />/span>
       <<wiki />select name="filter" class="form-control">
         <<wiki />option value="video">動画<<wiki />/option>
         <<wiki />option value="image">画像<<wiki />/option>
       <<wiki />/select>
       <<wiki />span class="input-group-btn">
       <<wiki />input class="btn btn-default" type="submit" value="Go">
       <<wiki />/span>
   <<wiki />/div><<wiki />!-- /input-group -->
<<wiki />/form>