title: HTML Nested Form Problem
body: <p>I'm making a web page using CGI scripting which has a form users need to fill out. The general layout is:</p>
  
  <pre><code>&lt;form&gt;
  textfield (username)
  textfield (password)
  textfield (email)
  submit button
  &lt;/form&gt;
  </code></pre>
  
  <p>What I would like to do is add a button that checks to see if the username they've entered is available. My problem is the way I'm trying to go about doing this is by writing:</p>
  
  <pre><code>&lt;form&gt;
  &lt;form&gt;
  textfield (username)
  submit button
  &lt;/form&gt;
  textfield (password)
  textfield (email)
  submit button
  &lt;/form&gt;
  </code></pre>
  
  <p>This doesn't work, the submit button instead submits the outer form. Here are the things I've considered trying but have not worked:</p>
  
  <ol>
  <li><p>Put a form at the end of the first form. Problem: I have no idea how to align the "validate" button next to the username text field button without making it float which causes a bunch of other issues with the page.</p></li>
  <li><p>Put values on the submit buttons and make the submit do different things based on which button was clicked. Problem: the web page that I want to make a "POST" request to is different based off which button is pressed. Seeing as I put the action="mypage.cgi" in the  portion of the code, and not the button portion, I don't know how to make it go to different sites based on which button I press.</p></li>
  </ol>