html - Rails 样式化表单标签与物化 css

Question

我正在尝试基本上从 materialize css 添加搜索栏样式(如下所示)，并应用于我在 rails 中起草的 form_tag。我尝试简单地在标签和 i 类之间插入 rails block ，虽然样式大部分是正确的，但搜索功能丢失了，因为每个查询都会导致进行救援调用(此处未显示)。

具体化 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 代码

<%= 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

这个问题是 9 个月前发布的，但我会把它留在这里，以防其他人遇到同样的问题。 这就是我将 Materialize css 更改为 rails erb 的方式。

<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>