如何將此form_tag幫助器轉換爲simple_form_for調用？

Question

這是我想生成HTML：

<div class="col-lg-3"> 
    <div class="input-group custom-search-form"> 
     <input type="text" class="form-control"> 
     <span class="input-group-btn"> 
     <button class="btn btn-default" type="button"> 
      <span class="glyphicon glyphicon-search"></span> 
     </button> 
     </span> 
    </div><!-- /input-group --> 
</div> 

這是我的香草Rails的形成幫手：

<div class="col-lg-3"> 
       <div class="input-group custom-search-form"> 
       <%= form_tag(dashboard_index_path, :method => "get", id: "search-form", :class => "navbar-form navbar-left") do %> 
        <%= text_field_tag :search, params[:search], placeholder: "Search videos", :class => "form-control" %> 
        <span class="input-group-btn"> 
          <%= submit_tag "", name: nil, class: "btn btn-default" %> 
        <span class="glyphicon glyphicon-search"></span> 
       </span> 

           <% end %> 
      </div><!-- /input-group --> 
    </div> <!-- //col-lg-3 --> 

這是這個樣子：

而我試圖實現的是：

從這個生成：

http://bootsnipp.com/snippets/featured/search-box

我想產生上述的HTML，使用simple_form_for，而不是form_tag幫手。

所以我安裝了simple_form。如何將此form_tag轉換爲simple_form_for呼叫？

<%= form_tag(dashboard_index_path, :method => "get", id: "search-form", :class => "navbar-form navbar-left") do %> 

Answer 1

你可以用form_tag也做到這一點。請嘗試下面的代碼：

<%= form_tag(dashboard_index_path, :method => "get", id: "search-form", :class => "navbar-form navbar-left") do %> 
    <div class="col-lg-3"> 
    <div class="input-group custom-search-form"> 
     <%= text_field_tag :search, params[:search], placeholder: "Search videos", :class => "form-control" %> 
     <span class="input-group-btn"> 
     <%= button_tag "", name: nil, class: "btn btn-default", type: "button" do %> 
      <span class="glyphicon glyphicon-search"></span> 
     <% end %> 
     </span> 
    </div><!-- /input-group --> 
    </div> <!-- //col-lg-3 --> 
<% end %> 

Answer 2

的form_tag不會產生輸入HTML類和submit_tag既不是按鈕的HTML類，也許CSS代碼想到這個班，嘗試用button_tag