rails 4,form_tag作为bootstrap 3输入组

时间:2015-04-18 08:26:47

标签: twitter-bootstrap ruby-on-rails-4

我试图设计我的搜索form_tag,但显然无法做到正确。

我试图设计这个:

<div class="input-group">
    <%= form_tag("/search", method: "get") do %>
        <%= text_field_tag :revije, nil, class:'form-control', placeholder:'Išči...'%>
        <span class="input group-btn"><%= submit_tag "glyphicon", class:'btn btn-default' %></span>

    <% end %>
</div>

进入这个:

<div class="input-group">
    <input type="text" class="form-control" placeholder="Search for...">
    <span class="input-group-btn">
    <button class="btn btn-default" type="button"><span class="glyphicon glyphicon-search"></span></button>
    </span>
</div>

我需要维护form_tags以获得数据库搜索表单。基本上我想要按钮与搜索栏和glyphicon合并的输入组。谢谢您的帮助。

1 个答案:

答案 0 :(得分:4)

<%= form_tag '/search', method: :post do %>
<div class="input-group">
   <%= text_field_tag :revije, nil, class:'form-control', placeholder:'Išči...'%>
   <span class="input-group-btn">
     <%= button_tag( :class => "btn btn-default") do %>
        <span class='glyphicon glyphicon-search'></span>
     <% end %> 
   </span>
</div>
<% end %>

为清楚起见,您可能希望将<span class='glyphicon glyphicon-search'></span>移动到帮助程序。

并将表单设为:post

编辑 - OP错误后编辑的原始代码