Question

我有一个搜索功能，在搜索功能中我想显示右侧数据库中存在的产品数量，所以它看起来像这样：

搜索.............................................. .................................................. ................................ 1000种产品

点只是代表空间。

我有以下代码：

Index.html.erb

<div class="search">
  <%= form_tag products_path, method: :get do %>
    <%= text_field_tag :query, params[:query], placeholder: "Search...", 
    id: "search_field" %>
  <% end %>
</div>

<%= @products.count(:all) %>
<%= "Product".pluralize(@products.count(:all)) %>

如何将计数功能集成到text_field_tag中？感谢。

Answer 1

您无法在文本字段内进行计数，并在左侧与内容对齐。

您可以使用包装器来搜索输入，计数和样式，使其作为一个输入字段可见。我做了一个演示，你会得到这个想法然后可以改进它。

<强> HTML

<div id="search-wrap">
  <input type="text" placeholder="Search....."/> 
  <span class="count">1000 Products</span>
</div>

<强> CSS

#search-wrap { border: 1px solid #ddd; padding: 5px; }
#search-wrap input[type="text"] {  float: left; width: 85%; border: 0; padding: 2px;}
#search-wrap span.count{ font-size: 12px; color: #444; }

Demo

在文本字段标记中包含产品计数

1 个答案: