【问题标题】:What does the form-inputs HTML class do in simple_form?表单输入 HTML 类在 simple_form 中做了什么?
【发布时间】:2015-09-16 03:35:12
【问题描述】:

在 simple_form github repo indicates 中对“form-inputs”进行代码搜索,它将作为 HTML 类添加到为 ERB、slim 和 erb 生成的模板中。例如在HAML模板文件_form.html.haml

= simple_form_for(@<%= singular_table_name %>) do |f|
  = f.error_notification

  .form-inputs
  <%- attributes.each do |attribute| -%>
    = f.<%= attribute.reference? ? :association : :input %> :<%= attribute.name %>
  <%- end -%>

  .form-actions
    = f.button :submit

但是,我看不到在 simple_form 或其他地方(例如 Twitter Bootstrap)中使用的 HTML 类。例如,我找不到任何使用 form-inputs 类更改 div 样式的 CSS 文件。

form-inputs 类的用途是什么?

【问题讨论】:

  • 也许这只是为了方便将来修改它的标准实践。否则,您将在此处放置一个简单的div,这不太优雅。
  • @WesFoster 初学者问题:如果根本没有 div 会发生什么?
  • 当然,如果您需要 div,它就在那里,因为它不会真正伤害任何东西,并且使实现特定样式变得更加简单。有了它,您可以更轻松地创建(大致)类似于getbootstrap.com/javascript/#modals 的“静态示例”模态的表单(我知道没有表单,我指的是“边框”和主体周围的填充)。

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


【解决方案1】:

这是ostensibly added to "make it easier to integrate with bootstrap"。它用不同的类替换了类似的包装器 div。正如您所指出的,这与form-actions 相比与form-inputs 更相关,因此后者很可能只是一种以一致方式封装所有字段的便捷方式。

【讨论】:

猜你喜欢
  • 2017-06-01
  • 2013-08-10
  • 2015-03-08
  • 2013-10-21
  • 1970-01-01
  • 1970-01-01
  • 2015-09-19
  • 1970-01-01
  • 2023-03-29
相关资源
最近更新 更多