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