在博客上創建引導搜索框

Question

我試圖將Blogger的網頁導航條替換爲引導程序默認的引導程序。我修改了這個例子，只在導航欄中有一個搜索框，但它不是搜索。我該怎麼做？

<nav class="navbar navbar-default"> 
<div class="container-fluid"> 
     <form class="navbar-form navbar-left" role="search"> 
    <div class="form-group"> 
     <input type="text" class="form-control" placeholder="Search"></input> 
    </div> 
    <button type="submit" class="btn btn-default">Submit</button> 
    </form> 
    </div> 
</nav> 

http://jsfiddle.net/ariloc/auu1L19k/6/

Answer 1

Ari Fi。
您需要添加更多的博客搜索工作屬性。

在<form>添加method="get" action="/search"
在<input>添加name='q'

見下文

<nav class="navbar navbar-default"> 
    <div class="container-fluid"> 
    <form method="get" action="/search" class="navbar-form navbar-left" role="search"> 
     <div class="form-group"> 
     <input name='q' type="text" class="form-control" placeholder="Search"></input> 
     </div> 
     <button type="submit" class="btn btn-default">Submit</button> 
    </form> 
    </div> 
</nav> 

Answer 2

你忘了一些形式的方法和行動的重要組成部分。試試這個：

<nav class="navbar navbar-default"> 
    <div class="container-fluid"> 
     <form id="searchbox" method="get" action="/search" autocomplete="off" class="navbar-form navbar-left" role="search"> 
      <input name='q' type="text" type="text" class="form-control" placeholder="Search" /> 
      <button id="button-submit" type="submit" value=" " class="btn btn-default" /> 
     </form> 
     </div> 
</nav>