Ruby on rails 输入上方的Rails简单表单标签

Ruby on rails 输入上方的Rails简单表单标签,ruby-on-rails,css,input,label,simple-form,Ruby On Rails,Css,Input,Label,Simple Form,使用simple_form——有没有办法更改输入字段标签的放置位置?例如,如果我想将标签放置在字段上方,我将如何操作?在标签和/或输入的CSS样式中,添加display:block接受的答案将显示复选框下方的标签,而不是复选框上方的标签。如果要将标签放置在上方(或左侧),可以使用f.label显式添加标签: 上面的标签: simple_form_for my_model do |f| f.label :my_boolean_field f.input :my_boolean_field, sty

使用simple_form——有没有办法更改输入字段标签的放置位置?例如,如果我想将标签放置在字段上方,我将如何操作?

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

接受的答案将显示复选框下方的标签,而不是复选框上方的标签。如果要将标签放置在上方(或左侧),可以使用
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
simple_form_for my_model do |f|
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, style: 'display: block;'
simple_form_for my_model do |f|
f.label :my_boolean_field
f.input :my_boolean_field
simple_form_for my_model do |f|
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, style: 'display: block;'
simple_form_for my_model do |f|
f.label :my_boolean_field
f.input :my_boolean_field
simple_form_for my_model do |f|
f.input :my_boolean_field, style: 'display: block;'

右侧的标签(为什么这是默认设置?这将使标签位于复选框下方而不是上方。