Rails上面的simple_form标签输入

Question

使用simple_form - 有没有办法改变输入字段标签的放置位置？例如，如果我想将标签放在字段上方，我该怎么做？

Answer 1

在标签和/或输入的CSS样式中，添加display: block;。

Answer 2

接受的答案将使标签显示在复选框下方，而不是上方。如果要将标签放置在上方（或左侧），则可以使用f.label明确添加：

上方标签：

simple_form_for my_model do |f|
f.label :my_boolean_field
f.input :my_boolean_field, style: 'display: block;'

左侧的标签：

simple_form_for my_model do |f|
f.label :my_boolean_field
f.input :my_boolean_field

---

---

当您不包含显式label时，它将显示在复选框的右侧或下方：

下面的标签：

simple_form_for my_model do |f|
f.input :my_boolean_field, style: 'display: block;'

右侧的标签（为什么是默认标签）：

simple_form_for my_model do |f|
f.input :my_boolean_field

_{在rails 5.2.3，simple_form 4.1.0}

上进行了测试