Как добавить стили к одному входу в form_for

Я использую rails framework с HAML и у меня есть настройка начальной загрузки. Как бы я отформатировал поля ввода отдельно? Я хочу, чтобы поле ввода для имени составляло 60% от экрана, плавающего влево, а поле ввода для цены составляло 25% от экрана и плавающего вправо.

Я предполагаю, что спрашиваю, как мне добавить классы к отдельным входам в form_for. Спасибо

= form_for @product,:url => products_path, :html => { :id => "fileupload", :multipart => true } do |f| 
  %p
    = f.label :name
    = f.text_field :name # i want to format this
  %p
    = f.label :price
    = f.text_field :price
Источник

2 ответа

Решение

Вы можете добавить класс к любому помощнику формы и использовать CSS для его форматирования:

= f.text_field :name, class: 'your_class' # i want to format this

Конечно, вы также можете установить опцию стиля напрямую, но рекомендуется разделять контент и стили. Так что не

= f.text_field :name, style: 'float: left; width: 60%; display: block' # i want to format this
Источник 
      <%= f.password_field :password, class: "your style class", style: "display: block;" %>
Источник
Другие вопросы по тегам