I have a problem where I have a registration form. When performing the registration the browser asks if it wants to save the user and password, the problem is that it saves a field nothing see as user but the password it writes correctly. My form looks like this:
<form id="form_cadastro" autocomplete="off">
<div id="passo1">
<input name="email" id="email" type="email" class="validate" />
</div>
<div id="passo2">
<input name="nome" id="nome" type="text" />
</div>
<div id="passo3">
<input name="endereco" id="endereco" type="text" />
<input name="complemento" id="complemento" type="text" />
</div>
<div id="passo4">
<input name="senha" id="senha" type="password" />
</div>
</form>
But by giving submit via $.post JQuery in the form, and redirecting the page the browser is saving (asking to save) the value of the complemento(do endereço) field as a user! So when the user goes to the login screen the Auto complete/Auto Fill of the Browser brings in the field user (that is the email) the value of the field complement:
<form id="form_cadastro" autocomplete="off">
<input name="email" id="email" type="email" class="validate" /> // Autocomplete vindo o complemento(do endereço)
<input name="senha" id="senha" type="password" />
</form>
Would you have some way to solve this in a way that does not use too much gambiarra?