Ruby on Rails：必需的输入字段CSS不显示

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

当我按下“搜索”按钮时，什么都没有显示

这里的问题可能是CSS的Rails / HTML问题（如您的问题所述）

句法

正如评论中指出的那样，您的代码语法存在一系列问题，尤其是submit_tag和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？ 据我从文档中看到，text_field_tag方法具有三个参数：

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

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

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