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

我有一个表单，我在提交之前设置了一个字段，但是当我点击搜索按钮时没有任何显示。我需要做什么来设计表单的样式？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 %>

谢谢！

来源

2014-06-11 hellomello

什么应该处理HTML属性'required：true'？它是传统的HTML还是使用客户端框架来“触发”处理不存在所需值的事件？ – MrYoshiji

此属性指定用户在提交表单前必须填写一个值。当隐藏类型属性，图像或按钮类型（提交，重置或按钮）时，不能使用它。 The：optional和：必需的CSS伪类将适用于该字段。 – cristian

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

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

你的例子ommits第二个参数（值），因此可以是这样的话。不知道这是否可以帮助：

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

来源

2014-06-11 21:22:40 twonegatives

什么都不显示了，当我点击搜索按钮

这里的问题可能是一个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 */ 
}

来源

2014-06-12 06:37:42

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

回答

相关问题