Ruby on rails 如何使用简单表单将类添加到表单组件_Ruby On Rails_Ruby_Simple Form

Ruby on rails 如何使用简单表单将类添加到表单组件

ruby-on-rails ruby

Ruby on rails 如何使用简单表单将类添加到表单组件,ruby-on-rails,ruby,simple-form,Ruby On Rails,Ruby,Simple Form,有人知道如何将类添加到RubyonRails简单表单中，以及如何将类添加到单个组件中，以便我以后可以在CSS中为它们设置样式吗。谢谢您直接从还可以使用：input_html选项将任何html属性直接传递给输入，例如：如果要将相同的选项传递给表单中的所有输入（例如，一个默认类），可以使用simple\u form\u中的：defaults选项。input call中的特定选项将覆盖默认值：直接从还可以使用：input_html选项将任何html属性直接传递给输入，例如：如果要将

有人知道如何将类添加到RubyonRails简单表单中，以及如何将类添加到单个组件中，以便我以后可以在CSS中为它们设置样式吗。谢谢您

直接从

还可以使用：input_html选项将任何html属性直接传递给输入，例如：

如果要将相同的选项传递给表单中的所有输入（例如，一个默认类），可以使用simple\u form\u中的：defaults选项。input call中的特定选项将覆盖默认值：

直接从

还可以使用：input_html选项将任何html属性直接传递给输入，例如：

如果要将相同的选项传递给表单中的所有输入（例如，一个默认类），可以使用simple\u form\u中的：defaults选项。input call中的特定选项将覆盖默认值：

只需在上面添加一点

出于样式或动态脚本（例如javascript）的目的，您还可以通过提供

ID

选项来提供一个ID，以便将元素与同一类的其他元素区分开来，如下所示：

<%= simple_form_for @user, html: { id: 'simple-form' } do |f| %>
  <%= f.input :username, input_html: { class: 'special', id: 'username' } %>
  <%= f.input :password, input_html: { maxlength: 20, id: 'password' } %>
  <%= f.input :remember_me, input_html: { value: '1', id: 'remember_me' } %>
  <%= f.button :submit, id: 'submit-button' %>
<% end %>

在Javascript中，您也可以通过元素ID引用元素。这样，您就可以将动态行为应用于单个元素，而不是一次应用于整个类。下面是一个Javascript示例：

var submit_button = document.getElementById("submit-button");

submit_button.addEventListener("click", function () {
    alert('Yeeehaaah!');
    submit_button.submit();
});

对于细粒度控制，您需要使用

id

属性，而不是

class

属性；但是，对于类似主题的元素控制，

class

属性更有用。