Pastable version of Help Refactor this into Rails Form Builder!

<div style="overflow:auto;border:solid 1px #ccc;background:#000;color:#F8F8F8">
          <div class="section">
            
            <pre style="float:left;margin:0 10px;border-right:0;color:#666;">1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42</pre>
            <pre class="sunburst"><span style="color:#E28964;">-</span> form_for <span style="color:#3387CC;"><span style="color:#3387CC;">:</span>user</span>, <span style="color:#3387CC;"><span style="color:#3387CC;">:</span>url</span> =&gt; users_path <span style="color:#E28964;">do </span>|<span style="color:#3E87E3;">f</span>|
  <span style="color:#E28964;">%</span>ul.<span style="color:#89BDFF;">register</span>
    <span style="color:#E28964;">%</span>li
      <span style="color:#E28964;">%</span>label{<span style="color:#3387CC;"><span style="color:#3387CC;">:</span>for</span> =&gt; <span style="color:#65B042;"><span style="color:#65B042;">'</span>user_login<span style="color:#65B042;">'</span></span>} 
        <span style="color:#E28964;">%</span>strong <span style="color:#3387CC;">1</span>.
        <span style="color:#3E87E3;">Login</span>
        <span style="color:#E28964;">%</span>span.<span style="color:#89BDFF;">req</span> <span style="color:#E28964;">*</span>
      <span style="color:#E28964;">%</span>div
        <span style="color:#E28964;">=</span> f.<span style="color:#89BDFF;">text_field</span> <span style="color:#3387CC;"><span style="color:#3387CC;">:</span>login</span>, <span style="color:#3387CC;"><span style="color:#3387CC;">:</span>size</span> =&gt; <span style="color:#65B042;"><span style="color:#65B042;">'</span>0<span style="color:#65B042;">'</span></span>, <span style="color:#3387CC;"><span style="color:#3387CC;">:</span>class</span> =&gt; <span style="color:#65B042;"><span style="color:#65B042;">'</span>full text<span style="color:#65B042;">'</span></span>
        <span style="color:#E28964;">%</span>label.<span style="color:#89BDFF;">desc</span> <span style="color:#3E87E3;">What</span> you login with
    <span style="color:#E28964;">%</span>li
      <span style="color:#E28964;">%</span>label{<span style="color:#3387CC;"><span style="color:#3387CC;">:</span>for</span> =&gt; <span style="color:#65B042;"><span style="color:#65B042;">'</span>user_email<span style="color:#65B042;">'</span></span>}
        <span style="color:#E28964;">%</span>strong <span style="color:#3387CC;">2</span>.
        <span style="color:#3E87E3;">Email</span>
        <span style="color:#E28964;">%</span>span.<span style="color:#89BDFF;">req</span> <span style="color:#E28964;">*</span>
      <span style="color:#E28964;">%</span>div
        <span style="color:#E28964;">=</span> f.<span style="color:#89BDFF;">text_field</span> <span style="color:#3387CC;"><span style="color:#3387CC;">:</span>email</span>, <span style="color:#3387CC;"><span style="color:#3387CC;">:</span>size</span> =&gt; <span style="color:#65B042;"><span style="color:#65B042;">'</span>0<span style="color:#65B042;">'</span></span>, <span style="color:#3387CC;"><span style="color:#3387CC;">:</span>class</span> =&gt; <span style="color:#65B042;"><span style="color:#65B042;">'</span>full text<span style="color:#65B042;">'</span></span>
        <span style="color:#E28964;">%</span>label.<span style="color:#89BDFF;">desc</span> <span style="color:#3E87E3;">We</span> will never sell <span style="color:#E28964;">or</span> disclose your email to any third parties
    <span style="color:#E28964;">%</span>li.<span style="color:#89BDFF;">clear</span>
      .<span style="color:#89BDFF;">left</span>
        <span style="color:#E28964;">%</span>label{<span style="color:#3387CC;"><span style="color:#3387CC;">:</span>for</span> =&gt; <span style="color:#65B042;"><span style="color:#65B042;">'</span>user_password<span style="color:#65B042;">'</span></span>}
          <span style="color:#E28964;">%</span>strong <span style="color:#3387CC;">3</span>.
          <span style="color:#3E87E3;">Password</span>
          <span style="color:#E28964;">%</span>span.<span style="color:#89BDFF;">req</span> <span style="color:#E28964;">*</span>
        <span style="color:#E28964;">=</span> f.<span style="color:#89BDFF;">password_field</span> <span style="color:#3387CC;"><span style="color:#3387CC;">:</span>password</span>, <span style="color:#3387CC;"><span style="color:#3387CC;">:</span>size</span> =&gt; <span style="color:#65B042;"><span style="color:#65B042;">'</span>0<span style="color:#65B042;">'</span></span>, <span style="color:#3387CC;"><span style="color:#3387CC;">:</span>class</span> =&gt; <span style="color:#65B042;"><span style="color:#65B042;">'</span>full text<span style="color:#65B042;">'</span></span>
        <span style="color:#E28964;">%</span>label.<span style="color:#89BDFF;">desc</span> <span style="color:#3E87E3;">At</span> least <span style="color:#3387CC;">6</span> characters long
      .<span style="color:#89BDFF;">right</span>
        <span style="color:#E28964;">%</span>label{<span style="color:#3387CC;"><span style="color:#3387CC;">:</span>for</span> =&gt; <span style="color:#65B042;"><span style="color:#65B042;">'</span>user_password_confirmation<span style="color:#65B042;">'</span></span>}
          <span style="color:#E28964;">%</span>strong <span style="color:#3387CC;">4</span>.
          <span style="color:#3E87E3;">Confirm</span> <span style="color:#3E87E3;">Password</span>
          <span style="color:#E28964;">%</span>span.<span style="color:#89BDFF;">req</span> <span style="color:#E28964;">*</span>
        <span style="color:#E28964;">=</span> f.<span style="color:#89BDFF;">password_field</span> <span style="color:#3387CC;"><span style="color:#3387CC;">:</span>password_confirmation</span>, <span style="color:#3387CC;"><span style="color:#3387CC;">:</span>size</span> =&gt; <span style="color:#65B042;"><span style="color:#65B042;">'</span>0<span style="color:#65B042;">'</span></span>, <span style="color:#3387CC;"><span style="color:#3387CC;">:</span>class</span> =&gt; <span style="color:#65B042;"><span style="color:#65B042;">'</span>full password text<span style="color:#65B042;">'</span></span>
    <span style="color:#E28964;">%</span>li
      <span style="color:#E28964;">=</span> f.<span style="color:#89BDFF;">check_box</span> <span style="color:#3387CC;"><span style="color:#3387CC;">:</span>receive_updates</span>
      <span style="color:#E28964;">%</span>label.<span style="color:#89BDFF;">choice</span>{<span style="color:#3387CC;"><span style="color:#3387CC;">:</span>for</span> =&gt; <span style="color:#65B042;"><span style="color:#65B042;">'</span>user_receive_updates<span style="color:#65B042;">'</span></span>} <span style="color:#3E87E3;">Keep</span> me updated on <span style="color:#3E87E3;">WB</span>
      <span style="color:#E28964;">=</span> f.<span style="color:#89BDFF;">check_box</span> <span style="color:#3387CC;"><span style="color:#3387CC;">:</span>terms_of_service</span>
      <span style="color:#E28964;">%</span>label.<span style="color:#89BDFF;">choice</span>{<span style="color:#3387CC;"><span style="color:#3387CC;">:</span>for</span> =&gt; <span style="color:#65B042;"><span style="color:#65B042;">'</span>user_terms_of_service<span style="color:#65B042;">'</span></span>} <span style="color:#3E87E3;">I</span> agree to <span style="color:#3E87E3;">WB</span><span style="color:#65B042;"><span style="color:#65B042;">'</span>s &lt;a href=&quot;#&quot;&gt;Terms of Service&lt;/a&gt;</span>
<span style="color:#65B042;">    %li.buttons</span>
<span style="color:#65B042;">      &lt;button type=&quot;submit&quot; class=&quot;button positive&quot;&gt;</span>
<span style="color:#65B042;">      &lt;img src=&quot;stylesheets/blueprint/plugins/buttons/icons/tick.png&quot; alt=&quot;&quot;/&gt; Register!</span>
<span style="color:#65B042;">      &lt;/button&gt;</span>
<span style="color:#65B042;">      = link_to(image_tag(<span style="color:#65B042;">'</span></span><span style="color:#E28964;">/</span>stylesheets<span style="color:#E28964;">/</span>blueprint<span style="color:#E28964;">/</span>plugins<span style="color:#E28964;">/</span>buttons<span style="color:#E28964;">/</span>icons<span style="color:#E28964;">/</span>cross.<span style="color:#89BDFF;">png</span><span style="color:#65B042;"><span style="color:#65B042;">'</span>) + &quot;Cancel&quot;, home_url, :class =&gt; <span style="color:#65B042;">'</span></span>button negative<span style="color:#65B042;"><span style="color:#65B042;">'</span>)</span>
</pre>
          </div>
        </div>

<a href="http://refactormycode.com/codes/181-help-refactor-this-into-rails-form-builder" style="color:#fff" title="As seen on RefactorMyCode.com"><img alt="Small_logo" src="http://refactormycode.com/images/small_logo.gif" style="border:0" /></a>

counter free hit invisible