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  %>