title: Zend_Form with CSS
body: <p>i am new to zend i have coded up to some extent but dont know further how to decorate my form using decorators etc</p>
  
  <p>this is my old HTML</p>
  
  <pre><code>&lt;div class="col_6 pre_3 padding_top_60" style="padding-top:0"&gt;
  &lt;div class="widget clearfix"&gt;
      &lt;div class="widget_inside"&gt;
          &lt;p class="margin_bottom_15"&gt;Kindly enter Username and  Password.&lt;/p&gt;
          &lt;span&gt;&lt;?= $this-&gt;error;?&gt;&lt;/span&gt;
          &lt;form method='post' action='&lt;?php echo $this-&gt;url(array(), 'login') ?&gt;' onsubmit="return validateForm();"&gt;
              &lt;div class="form"&gt;
                  &lt;div class="clearfix" id="div_username"&gt;
                      &lt;label class="lable-2"&gt;Username&lt;/label&gt;
                      &lt;div class="input"&gt;
                          &lt;input type="text" class="xlarge" name="username" id="username" value="&lt;?php echo $this-&gt;form['username'] ?&gt;"/&gt;
                          &lt;span id="error_message_username"&gt;&lt;/span&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="clearfix" id="div_password"&gt;
                      &lt;label class="lable-2"&gt;Password&lt;/label&gt;
                      &lt;div class="input"&gt;
                          &lt;input type="password" class="xlarge" name="password" id="password" value="&lt;?php echo $this-&gt;form['password'] ?&gt;"/&gt;
                          &lt;span id="error_message_Password"&gt;&lt;/span&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="clearfix"&gt;
                  &lt;label&gt;&lt;/label&gt;
                      &lt;div class="input"&gt;
                          &lt;input type="checkbox" name="remember" value="1" &lt;?php echo ($this-&gt;form['remember'] == 1)?'checked="checked"':'' ?&gt;/&gt;&lt;/span&gt; Stay signed in
                          &lt;span style="margin-left:10px"&gt;Forgot &lt;a href="javascript: void(0);" rel="UserID" id="forgot_userid"&gt;User ID&lt;/a&gt; or &lt;a href="javascript: void(0);" rel="Password" id="forgot_password"&gt;Password&lt;/a&gt; &lt;/span&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  
                  &lt;div class="clearfix"&gt;
                      &lt;label&gt;&lt;/label&gt;
                      &lt;div class="input"&gt;
                          &lt;input type="submit" value="Login"  class="medium button blue blue-1"/&gt;
                  &lt;/div&gt; &lt;/div&gt;
              &lt;/div&gt;
          &lt;/form&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>This is my Form</p>
  
  <pre><code>&lt;?php
  
  class Application_Form_Loginform extends Zend_Form{
  
  public function init()
  {
      /* Form Elements &amp; Other Definitions Here ... */
  
      $this-&gt;setMethod('post');
      $this-&gt;addElement('text','username',array(
          'label'     =&gt; 'UserName :',
          'required'  =&gt; true,
          'filters'   =&gt; array('StringTrim')
      ));
  
      $this-&gt;addElement('password','password',array(
          'label'    =&gt; 'Password',
          'required' =&gt; 'true',
          'filters'  =&gt; array('StringTrim')
      ));
      $this-&gt;addElement('submit','submit',array(
         'ignore'=&gt;'true',
         'label'=&gt;'Login'
      ));
  }
  </code></pre>
  
  <p>}</p>
  
  <p>Question is How can i make my form made with php equal to the above HTML ??</p>