2014-12-01 3 views
1

Я создаю приложение Rails. Как я могу создать панель поиска, содержащую в ней кнопку поиска? Примером может служить панель поиска Stackoverflow в верхней части страницы. Вот мой поиск бар до сих пор:Как переместить кнопку поиска внутри строки поиска?

<div id= "searchbar"> 
    <%= form_tag things_path, :method => :get do %> 
    <p> 
     <%= text_field_tag :search, params[:search] %> 
     <button class="btn" type="submit"><i class="thing-search">Go</i></button> 
     <%#<div="Go"><%= submit_tag "Go", :name => nil </div> %> 
    </p> 
    <% end %> 
</div> 
+2

Строка поиска SO фактически не имеет кнопки. Только фоновое изображение – Turnip

+1

Путем переполнения стека увеличительное стекло - это просто фоновое изображение SVG и 'input [type =" text "]'. – TylerH

+0

Другим способом может быть стиль текстового ввода plain (без рамки, эффектов и т. Д.), Стиль кнопки, как вы хотите, и задать стиль, похожий на поиск, для оболочки вокруг кнопки ввода текста и поиска. – Felix

ответ

0

Вы можете взять бабло на Bootstrap Button Groups. Они, по сути, именно то, что вы ищете, и перетаскивание бутстрапа в приложение для рельсов довольно просто. По крайней мере, это даст вам хороший дизайн для работы.

Смежные вопросы