title: How to capitalize and uppercase in AngularJS?
body: <p>I want to capitalize/uppercase some fields in a HTML form.</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;form role="form" ng-submit="submit()"&gt;
      &lt;input type="text" class="capitalize" ng-model="first"/&gt;
      &lt;input type="text" class="uppercase" ng-model="last"/&gt;
      &lt;button type="submit"&gt;&lt;/button&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>.uppercase {
      text-transform: uppercase;
  }
  
  .capitalize {
      text-transform: capitalize;
  }
  </code></pre>
  
  <p>When I enter data on the fields it works well, but when <code>form</code> is submitted, capitalization is not preserved.</p>
  
  <p>I use an Angular controller/service to send data to my server. Should I edit data on my controller, or could I keep the CSS capitalization ?</p>
  
  <p>Thanks! :)</p>