title: How to make html textbox lowercase by default
body: <p>I have this login form:</p>
  
  <pre><code>&lt;div id="loginform"&gt;
      &lt;div&gt;
          &lt;img id="loginLogo" runat="server" /&gt;
      &lt;/div&gt;
      &lt;div class="row"&gt;
          &lt;label&gt;Email&lt;/label&gt;
          &lt;input name="UserNameBox" type="text" id="tbEmail" style="outline-style:none;"
          tabindex="1" runat="server" onkeydown="if (event.keyCode == 13) validateExample()"
          /&gt;
      &lt;/div&gt;
      &lt;div class="row"&gt;
          &lt;label&gt;Password&lt;/label&gt;
          &lt;input name="PasswordBox" type="password" id="tbPassword"
          tabindex="2" style="outline-style:none" runat="server" onkeydown="if (event.keyCode == 13) validateExample()"
          /&gt;
      &lt;/div&gt;
      &lt;div id="validationError" class="validationError" runat="server"&gt;&lt;/div&gt;
      &lt;div style="margin-top: 15px; margin-left: 15px;" tabindex="3"&gt;
          &lt;input type="checkbox" id="cbRememberMe" name="rememberMe" runat="server"
          tabindex="4" /&gt;remember me&lt;/div&gt;
      &lt;center&gt;
          &lt;input type="button" class="rounded-corners" onclick="validateExample()"
          value="Login" tabindex="5" /&gt;
      &lt;/center&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>in my device the first letter's default case of the username textbox is in Uppercase. How can i make it in lowercase by default but the user can still make it in Uppercase in case his username starts with an uppercase letter.</p>