title: Hide form input fields from URL
body: <p>I've got a login form with two input fields: username and password.</p>
  
  <pre><code>&lt;form method="get" action="../Main/Index"&gt;
      &lt;p&gt;
          &lt;input type="text" name="username" value="" placeholder="username" maxlength="30"&gt;&lt;/p&gt;
      &lt;p&gt;
          &lt;input type="password" name="password" value="" placeholder="password" maxlength="25"&gt;&lt;/p&gt;
  
      &lt;p class="submit"&gt;
          &lt;input type="submit" name="commit" value="Enter"&gt;
      &lt;/p&gt;
  
  &lt;/form&gt;
  </code></pre>
  
  <p>Once the user submits the form, his username and password are shown in the browser's URL textbox, something like this:</p>
  
  <p><code>http://localhost:53997/Main/Index?username=zm&amp;password=123456789&amp;commit=Enter</code></p>
  
  <p>I don't want his username and password to be on display.</p>
  
  <p>How can I do this?</p>