html - RoR - 如何将一些带有 css 的 HTML 元素转换为 Rails

Question

我有带有 html 和 css 的旧 HTML 代码..

<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>

如何将此代码转换为合适的 Rails 代码？我想到了这个，但它不对:-( :

<% 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 就可以了。