Question

我有一个表单，我在提交之前设置了一个需要的字段，但是当我点击“搜索”按钮时没有显示任何内容。我需要做什么来设置表单样式？

<%= form_tag search_path, :method => :get, class: "form-search-home" do %>

  <%= text_field_tag :q, :class => "term form-control" %>
  <%= text_field_tag :loc, :class => "loc form-control", :required => true  %>

  <%= button_tag :type => :submit, :class => "btn" do %>Search<% end %>

<% end %>

谢谢！

Answer 1

点击“搜索”按钮
时，没有显示任何内容

此处的问题可能是Rails / HTML问题，而不是CSS（如您的问题所述）

<强>语法

正如评论中所指出的，您的代码语法存在一系列问题，特别是submit_tag＆amp; text_field_tag：

<%= form_tag search_path, method: :get, class: "form-search-home" do %>

  <%= text_field_tag :q, nil, class: "term form-control" %>
  <%= text_field_tag :loc, nil, class: "loc form-control", required: true  %>

  <%= submit_tag "Search", class: "btn" %>

<% end %>

这应该可以解决您在表单上遇到的任何语法问题，并允许它提交。它之前没有的原因很可能是语法不正确。如果你使用上面的代码，它应该正确呈现表单，允许你根据需要提交它！

-

<强> CSS

CSS是cascading style sheets - 意味着他们只是为了风格您的网页。他们无法解决任何语法，后端或HTML呈现问题 - 仅限HTML在浏览器中的显示方式

如果您的CSS仍然遇到问题，那么您最好使用从主要类样式继承的输入来设置表单样式：

#app/assets/stylesheets/application.css
form {
   /* form code */
}

form input.required {
   /* required form element styling */
}

Answer 2

您的表单代码是否生成有效的HTML？据我在documentation看到，text_field_tag方法有三个参数：

text_field_tag(name, value = nil, options = {})

您的示例省略了第二个参数（值），因此可能就是这种情况。不知道这是否有帮助：

<%= text_field_tag :loc, nil, :class => "loc form-control", :required => true  %>

Ruby on Rails：未显示所需的输入字段CSS

2 个答案: