title: Chrome - Would you like to save this password? prompt getting incorrect value
body: <p>I have a form that allows users to request an account on a private website, but there is no Username field. Instead, the specs for this project call for the user entering their e-mail address and password/confirm password. There are also fields for the user to enter their state and country.</p>
  
  <p>When the form is submitted, Chrome displays a prompt asking if the user would like to save the password, but it is displaying the value of the state field instead of the Email address field. (The Email address is the actual username of the account).</p>
  
  <p>I understand that Chrome will traverse a form's fields until it finds a field with an id=password, then it will traverse backwards through the fields to find id=username. Since I do not have a field of id=username and Chrome doesn't relate to id=email, it appears to be using the field immediately prior to the id=password field for the username.</p>
  
  <p>How can I force Chrome to use the field with id=email for the username?</p>
  
  <pre><code>&lt;form action="POST" src="#"&gt;
      &lt;input id="email" type="text" /&gt;
      &lt;input id="state" type="text" /&gt;
      &lt;input id="country" type="text" /&gt;
      &lt;input id="password" type="password" /&gt;
      &lt;input id="confirmpassword" type="password" /&gt;
  
      &lt;input type="submit" value="Request Account" /&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>When submitted, the above form triggers Chrome's to prompt:</p>
  
  <pre><code>Would you like to save this password?
  
  Iowa             ********
  </code></pre>
  
  <p>Note that 'Iowa' is whatever value is typed into id=state field, which of course is wrong.</p>
  
  <p>It would be difficult at this point to change id=email to id=username. Is there an alternate way of doing this and keeping id=email?</p>