css - ruby rails : Required input field CSS not showing

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

nothing is showing up when I hit the Search button

这里的问题可能是 Rails/HTML 问题而不是 CSS (如您的问题中所述)

语法

正如评论中所指出的，您的代码语法存在一系列问题，特别是 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 */
}