title: how do I hide form.errors until its active
body: <p>So on my login page, I see a red line(the border property of class field5 from CSS) appear above the input fields before actually putting in the credentials, I want it to disappear until a user actually hits an error. when someone hits an error it works fine, just that the red line is constant before an actual error. thnx for any help.</p>
  <pre><code>  &lt;div class=&quot;field5&quot;&gt;
      {{form.errors}}
    &lt;/div&gt;
  
  .field5 {
    border: 2px solid #d10a0a;
    font-family: Circular Std Book;
    background-color: #d10a0a;
    color: white;
    border-radius: 10px;
    margin-left: 50px;
    margin-right: 50px;
    margin-bottom: 10px;
  }
  </code></pre>