Twitter bootstrap 使用引导表单使用glyphicon提交

我正在使用bootstrap，在bootstrap导航栏中我有一个搜索表单

代码如下：

 <form class="navbar-form navbar-left" method="POST"  role="search"  autocomplete="off">
    <div class="form-group">
              <input class="typeahead searchField" name="search" id="search" type="text" >
              <label for="search" class="glyphicon glyphicon-search" rel="tooltip" title="search"></label>
            </div>
            <button type="submit" class="btn btn-default">Search</button>
          </form>

搜寻

我正在输入字段中使用glyphicon。但是输入字段旁边的按钮看起来不太好

---

如何使搜索图标充当提交表单的按钮？

如果您使用的是bootstrap 3，我想这就是您想要的：

<form class="navbar-form navbar-left" method="POST" role="search" autocomplete="off">
  <div class="form-group">
    <input class="typeahead searchField form-control" name="search" id="search" type="text">
  </div>
<button type="submit" class="btn btn-default"><i class="glyphicon glyphicon-search"></i> Search</button>

搜寻

图标放置在

标记中，以便显示在按钮中

---

你使用什么版本的引导？我不是那个意思。。我不想要按钮。我想在右边的输入文本字段中显示搜索图标，它应该充当搜索按钮。我明白了。这样的话：？没错，但是你如何提交带有搜索图标的表单呢？