如何将空跨度添加到简单表单包装器

时间:2019-10-28 20:24:05

标签: ruby-on-rails ruby simple-form

我想使用SimpleForm为我的输入字段构建一个自定义包装器,该包装器的标签下面有一个空的span元素。

我希望HTML最终像这样:

<div class="custom-input">
  <input />
  <label />
  <span class="bar"/>
</div>

我的initializers/simple_form.rb包括以下内容:

config.wrappers :custom_input, tag: 'div', class: "custom-input" do |b|
    b.use :html5
    b.optional :placeholder
    b.optional :maxlength
    b.optional :minlength
    b.optional :pattern
    b.optional :min_max
    b.optional :readonly
    b.wrapper tag: 'span', class: 'bar' do |ba|
      ba.use :input
      ba.use :label
    end
    b.use :error, wrap_with: { tag: 'span', class: 'help-block' }
end

这会将输入和标签包装在一个范围内,但我希望范围在标签下方。

我尝试构建一个没有运气的自定义简单表单组件。

任何帮助将不胜感激!

0 个答案:

没有答案