RoR - как конвертировать некоторые HTML-элементы css в Rails

Question

У меня есть старый код HTML с HTML и CSS ..

<form action="login" method="post"> 
<div class="field">
   <label for="username">Username</label>
   <input type="text" class="text" id="username" name="username" value="just click login !"/>
</div>
<span class="fright">
<button class="button" type="submit"><strong>Log In</strong></button>
</span>
</div>

Как я могу преобразовать этот код в код приличных рельсов? Я придумал это, но это не правильно :-(:

<% form_for :user, @user,  :url => { :action => "login" } do |f| %>
<% div_for f, :class => "field text" do  %>
        <%= f.text_field :username %>
        <%= f.password_field :password, :class => "field text" %>
    <% end %>
    <span class="fright">
    <%= submit_tag '<strong>Inloggen</strong>', :class => "button",:disable_with => 'verwerken...' %></span>
<% end %>

У меня проблемы с

 <strong>Inloggen</strong> 

А с

<% div_for f, :class => "field text" do  %>

Answer 1

submit_tag создает текст как атрибут значения тега input.

submit_tag "Edit this article"
# => <input name="commit" type="submit" value="Edit this article" />

Таким образом, добавление strong к этому тексту не сработает, и оно генерирует <input>, и кажется, что вы хотите <button>. Так что просто используйте здесь html.

<button class="button" type="submit"><strong>Log In</strong></button>

Поскольку вам не нужно изменять это на основе каких-либо переменных, вам не нужно отображать его с помощью ruby.

---

И вам не нужно div_for на основе вашего целевого HTML. Просто используйте. Нет причин делать так, чтобы ваш шаблон отображал это с помощью ruby.

---

Урок здесь не старайся. Иногда простой HTML хорошо.

Answer 2

Попробуйте что-то вроде этого:

<% form_for :user, @user,  :url => { :action => "login" } do |f| %>
  <div class="field">
    <%= f.text_field :username %>
    <%= f.password_field :password, :class => "field text" %>
  </div>
  <span class="fright">
    <%= submit_tag 'Inloggen', :class => "button strong",:disable_with => 'verwerken...' %>
  </span>
<% end %>

Я переместил <strong> из описания submit_tag в класс, потому что я не уверен, что тэг submit примет его. Так что вам нужно определить класс .strong в вашем css.