Question

我试图基本上从materialize css（如下所示）添加搜索栏样式，并应用于我在rails中草拟的form_tag。我尝试简单地在标签和i类之间插入rails块，虽然样式大部分都是正确的，但搜索功能丢失了，因为每个查询都会产生一个救援呼叫（此处未显示）。

实现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个月前发布的，但我会留在这里以防其他人碰到同样的问题。这就是我将Materialise 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>

Rails样式表格标签与materialize css

1 个答案: