title: How can I tell Chrome which input fields to remember / which will be the login credentials?
body: <p>I have a Sign Up form which contains these input fields (in order):</p>
  
  <ul>
  <li><strong>e-mail</strong> (autocomplete="email", type="email")</li>
  <li><strong>(user)name</strong> (type="text")</li>
  <li><strong>(display)name</strong> (type="text")</li>
  <li><strong>password</strong> (autocomplete="new-password",type="password")</li>
  <li><strong>password again</strong> (type="password")</li>
  </ul>
  
  <p>If the user submits this form, Chrome suggests to <strong>save the password</strong> but with the <strong>names</strong> instead of the <strong>e-mail field</strong> (which will be needed to login). How can I tell Google Chrome (and other browsers) which input fields to remember / which will be the login credentials? (in my case: e-mail and password). Is there some kind of HTML5 code for this?</p>
  
  <p>I have tried so far: </p>
  
  <ul>
  <li>autocomplete="false" , autocomplete="off"  and autocomplete="new-password" on the name fields ( Not working)</li>
  <li>autocomplete="false", autocomplete="off" on the signup form itself (not working)</li>
  <li>give an unrecognizable id and name to the name fields (id="usnm" instead of id="username") (not working)</li>
  </ul>
  
  <p>I need to achieve:</p>
  
  <ul>
  <li>Tell the browser that DO NOT remember the sign up form input values as credentials OR</li>
  <li>Tell the browser exactly which data values to remember (e-mail + pass)</li>
  </ul>
  
  <p>Any help is much appreciated!</p>