Como fazer com que o Chrome respeite os nomes dos meus campos e não tente completar automaticamente
Eu tenho dois formulários diferentes na minha home page: um para logins e outro para registros. Como você pode ver no código, os formulários possuem entradas com nomes diferentes:
<code><h3> Log In </h3> <form action="/login/" method="POST" class="form-vertical" style="padding-top: 5px"> <input id="id_login_username" type="text" name="login_username" maxlength="25" /> <input type="password" name="login_password" id="id_login_password" /><br> <button type="submit" class="btn btn-info">Login</button> </form> <h3> Sign Up <small>(It's free!)</small></h3> <form action="/register/" method="POST" class="form-vertical" style="padding-top: 5px"> <input id="id_register_username" type="text" name="register_username" maxlength="25" /> <input type="text" name="register_email" id="id_register_email" /> <input type="password" name="register_password" id="id_register_password" /> <input type="password" name="register_password2" id="id_register_password2" /><br> <button type="submit" class="btn">Submit</button> </form> </code>
Que renderiza isso no Chrome:
O que pode estar causando isso? E como posso consertar isso?