ruby-on-rails - 输入上方的 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 上测试}