Schienen Styling Form Tag mit materialize css

Question

Ich versuche grundsätzlich die Suchleiste Stil von materialise css (siehe unten), und gelten für die form_tag Ich habe in Schienen eingezogen. Ich habe versucht, einfach den Rails-Block zwischen das Label und die i-Klasse einzufügen, und obwohl der Stil größtenteils korrekt war, ging die Suchfunktion verloren, da jede Abfrage zu einem Rettungsruf führte (hier nicht gezeigt).

Materialise Css

<nav> 
    <div class="nav-wrapper"> 
     <form> 
     <div class="input-field"> 
      <input id="search" type="search" required> 
      <label for="search"><i class="material-icons">search</i></label> 
      <i class="material-icons">close</i> 
     </div> 
     </form> 
    </div> 
</nav> 

Rails-Code

<%= form_tag "/pages/home", method: "get" do %> 
    <%= label_tag(:q, "Search for:") %> 
    <%= text_field_tag(:q) %> 
    <%= submit_tag("Search") %> 
    <p>You searched:</p> 
    <%= params["q"] %> 
<% end %> 

Answer 1

Die Frage vor 9 Monate gepostet, aber ich werde das hier lassen für den Fall, jemand anderes Beulen in das gleiche Problem . So würde ich Materialise CSS auf Rails ändern.

<nav> 
    <div class="nav-wrapper"> 
    <%= form_tag pages_path, :method => 'get' do %> 
     <div class="input-field"> 
      <%= search_field_tag :search, params[:search], id: "search" %> 
      <label for="search"><i class="material-icons">search</i></label> 
      <i class="material-icons">close</i> 
     </div> 
    <% end %> 
    </div> 
</nav>