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:
 
==通常検索ボックス==
 
==通常検索ボックス==
  <form class="form-group navbar-form navbar-left form-inline" action="/tag">
+
  <<wiki />form class="form-group navbar-form navbar-left form-inline" action="/tag">
     <div class="input-group">
+
     <<wiki />div class="input-group">
         <span class="input-group-addon">
+
         <<wiki />span class="input-group-addon">
             <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
+
             <<wiki />span class="glyphicon glyphicon-search" aria-hidden="true"><<wiki />/span>
         </span>
+
         <<wiki />/span>
         <input type="text" class="form-control" placeholder="人気動画を見つける" size="20px" name="tag" value="{{$request.tag|escape}}" />
+
         <<wiki />input type="text" class="form-control" placeholder="人気動画を見つける" size="20px" name="tag" value="{{$request.tag|escape}}" />
         <span class="input-group-btn">
+
         <<wiki />span class="input-group-btn">
         <input class="btn btn-default" type="submit" value="Go">
+
         <<wiki />input class="btn btn-default" type="submit" value="Go">
         </span>
+
         <<wiki />/span>
     </div><!-- /input-group -->
+
     <<wiki />/div><<wiki />!-- /input-group -->
  </form>
+
  <<wiki />/form>
  
 
==種類を選択できる検索ボックス==
 
==種類を選択できる検索ボックス==
  <form class="form-group navbar-form navbar-left form-inline" action="/tag">
+
  <<wiki />form class="form-group navbar-form navbar-left form-inline" action="/tag">
     <div class="input-group">
+
     <<wiki />div class="input-group">
         <span class="input-group-addon">
+
         <<wiki />span class="input-group-addon">
             <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
+
             <<wiki />span class="glyphicon glyphicon-search" aria-hidden="true"><<wiki />/span>
         </span>
+
         <<wiki />/span>
         <input type="text" class="form-control" placeholder="人気動画を見つける" size="20px" name="tag" value="{{$request.tag|escape}}" />
+
         <<wiki />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">
+
         <<wiki />span class="input-group-addon" style="margin:0;padding:0">
         </span>
+
         <<wiki />/span>
         <select name="filter" class="form-control">
+
         <<wiki />select name="filter" class="form-control">
           <option value="video">動画</option>
+
           <<wiki />option value="video">動画<<wiki />/option>
           <option value="image">画像</option>
+
           <<wiki />option value="image">画像<<wiki />/option>
         </select>
+
         <<wiki />/select>
         <span class="input-group-btn">
+
         <<wiki />span class="input-group-btn">
         <input class="btn btn-default" type="submit" value="Go">
+
         <<wiki />input class="btn btn-default" type="submit" value="Go">
         </span>
+
         <<wiki />/span>
     </div><!-- /input-group -->
+
     <<wiki />/div><<wiki />!-- /input-group -->
  </form>
+
  <<wiki />/form>

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

通常検索ボックス

<<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>