facebook twitter hatena line email

「Html/bootstrap/bootstrap3/検索ボックス」の版間の差分

提供: 初心者エンジニアの簡易メモ
移動: 案内検索
(ページの作成:「==通常検索ボックス== <form class="form-group navbar-form navbar-left form-inline" action="/tag"> <div class="input-group"> <span class="input-group-a...」)
 
 
(同じ利用者による、間の1版が非表示)
行1: 行1:
 
==通常検索ボックス==
 
==通常検索ボックス==
 +
<pre>
 
  <form class="form-group navbar-form navbar-left form-inline" action="/tag">
 
  <form class="form-group navbar-form navbar-left form-inline" action="/tag">
 
     <div class="input-group">
 
     <div class="input-group">
行11: 行12:
 
     </div><!-- /input-group -->
 
     </div><!-- /input-group -->
 
  </form>
 
  </form>
 +
</pre>
  
 
==種類を選択できる検索ボックス==
 
==種類を選択できる検索ボックス==
 +
<pre>
 
  <form class="form-group navbar-form navbar-left form-inline" action="/tag">
 
  <form class="form-group navbar-form navbar-left form-inline" action="/tag">
 
     <div class="input-group">
 
     <div class="input-group">
行30: 行33:
 
     </div><!-- /input-group -->
 
     </div><!-- /input-group -->
 
  </form>
 
  </form>
 +
</pre>

2015年11月8日 (日) 15:02時点における最新版

通常検索ボックス

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

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

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