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