2014-06-11 43 views
0

我有一個表單,我在提交之前設置了一個字段,但是當我點擊搜索按鈕時沒有任何顯示。我需要做什麼來設計表單的樣式?Ruby on Rails:所需的輸入字段CSS沒有顯示

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

謝謝!

+0

什麼應該處理HTML屬性'required:true'?它是傳統的HTML還是使用客戶端框架來「觸發」處理不存在所需值的事件? – MrYoshiji

+0

此屬性指定用戶在提交表單前必須填寫一個值。當隱藏類型屬性,圖像或按鈕類型(提交,重置或按鈕)時,不能使用它。 The:optional和:必需的CSS僞類將適用於該字段。 – cristian

回答

0

您的表單代碼是否生成有效的HTML? 據我從documentation看到,text_field_tag方法具有三個參數:

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

你的例子ommits第二個參數(值),因此可以是這樣的話。不知道這是否可以幫助:

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

什麼都不顯示了,當我點擊搜索按鈕

這裏的問題可能是一個Rails/HTML問題比CSS(在你的問題中提到)

語法

正如指出的在評論中,有一系列的與您的代碼語法的問題,特別是與 & 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 */ 
} 
相關問題