Firefox не выбирает имя пользователя / поле электронной почты при запоминании ввода формы

Question

У меня есть форма регистрации, используя следующий код:

<form accept-charset="UTF-8" action="/sign-up" class="simple_form customer" id="customer_new" method="post" novalidate="novalidate"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="&#x2713;" /><input name="authenticity_token" type="hidden" value="KmdKII+6lUG4m2VzCwvSdIURwWOmZmsAsCrPt9cExJA=" /></div>
    <fieldset>
      <div class="grouped">
        <div class="input string required"><label class="string required" for="customer_fname"> First name</label><input class="string required half" id="customer_fname" name="customer[fname]" size="50" type="text" /></div>

        <div class="input string required"><label class="string required" for="customer_lname"> Last name</label><input class="string required half" id="customer_lname" name="customer[lname]" size="50" type="text" /></div>
      </div>
      <div class="grouped">
        <div class="input string email required"><label class="email required" for="customer_email"> Email</label><input class="string email required half" id="customer_email" name="customer[email]" size="50" type="text" /></div>
        <div class="input string required"><label class="string required" for="customer_zip"> Zip code</label><input class="string required" id="customer_zip" maxlength="5" name="customer[zip]" size="5" type="text" /></div>
      </div>

      <div class="grouped">
        <div class="input string password required"><label class="password required" for="customer_password"> Password</label><input class="string password required half" id="customer_password" name="customer[password]" size="50" type="password" /></div>
        <div class="input string password optional"><label class="password optional" for="customer_password_confirmation"> Password confirmation</label><input class="string password optional half" id="customer_password_confirmation" name="customer[password_confirmation]" size="50" type="password" /></div>
      </div>
    </fieldset>
    <input id="sign-me-up" name="commit" type="submit" value="Sign me up for doggyloot!" />
</form>

Когда я отправляю форму, Firefox спрашивает меня Do you want to remember the password for "90210" on <a href="http://localhost:3000" rel="nofollow">http://localhost:3000</a>?, набираю ли я 90210 в поле почтового индекса. Прямо сейчас поле почтового индекса находится прямо перед полем пароля в HTML-коде в источнике. Если я переключаю его так, чтобы поле электронной почты находилось прямо перед паролем, оно корректно спрашивает меня, хочу ли я запомнить пароль для example@example.com.

Но есть ли способ сообщить Firefox (или любому браузеру), какое поле является полем имени пользователя / адреса электронной почты, даже если оно не указано непосредственно перед полем пароля?

Answer 1

Попробуйте прочитать это: Документация по автозаполнению форм Firefox

Из этой документации я понял, что Firefox знает, что это имя пользователя / пароль на основе атрибута «name» входного тега, поэтому попробуйте поработать с этим.

Надеюсь, это поможет, извините, я не смог дать вам полный ответ