Форма автозаполнения работает не во всех браузерах

Question

Я пытаюсь создать форму автозаполнения для таких деталей пересылки, как имя, фамилия, улица, почтовый индекс и т. Д. Мне нужна форма автозаполнения в зависимости от выбранного «профиля» - данные, которые уже были заполнены ранее, чтобы избежать повторного ввода данных, если пользователь много раз посещает сайт. При заполнении формы нажатием кнопки «Отправить» и последующим возвращением на страницу заказа автозаполнение невозможно.

пробовал:

• https://developers.google.com/web/updates/2015/06/checkout-faster-with-autofill
• https://www.w3.org/TR/html52/sec-forms.html
• https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete

Необработанный код, без каких-либо изменений:

<form class="f-form f-form--basket checkout">
    <div class="f-form__col">
        <div class="f-field f-field--text">
            <label class="f-field__label" >
                First name
            </label>
            <input type="text" class="f-field__control"  name="firstName" placeholder="First name*" required>
        </div>
    </div>
    <div class="f-form__col">
        <div class="f-field f-field--text">
            <label class="f-field__label">
                Last name
            </label>
            <input type="text" class="f-field__control"  name="lastName" placeholder="Last name*" required>
        </div>
    </div>
    <button class="c-btn">
        Pay!
    </button>
</form>

Answer 1

Вы сказали, что ваша цель состояла в том, чтобы «автоматически заполнить» пустую форму «данными, которые уже были заполнены ранее».Это две отдельные идеи, которые, похоже, пересекаются здесь:

Страницы документации, на которые вы ссылаетесь для ссылки на функцию браузера под названием «Автозаполнение», то есть идея, что отдельный пользователь в браузере своей рабочей станции может заполнять информациюо себе (демографическая информация, такая как имя и адрес электронной почты, а также информация об адресе доставки), а затем браузер может помочь им правильно заполнить формы.

Эта функция будет вам полезна, если поляПопытки заполнить являются стандартными демографическими полями.Но чтобы пользователи могли этим воспользоваться, пользователь должен обновить настройки своего браузера, чтобы установить собственный «профиль автозаполнения» (вы не можете сделать это как веб-разработчик из HTML / JS.

Вторая часть того, что вы сказали, ссылалась на данные, «они уже заполнены»; вероятно, вы имеете в виду информацию, которую они заполнили на вашем сайте, впервые? Чтобы воплотить эту идею в жизнь, вам нужно сохранитьинформация, введенная пользователем, так или иначе. Вы можете сохранить данные на стороне клиента в файле cookie или в другом варианте локального хранилища HTML5 и использовать Javascript для повторного заполнения этих значений, когда пользователь снова заходит на страницу, или если у пользователя естьУчетная запись с вами и вошел в систему, вы можете сохранить эти данные на серверной части и сгенерировать HTML с уже введенными значениями по умолчанию, или создать какую-то другую конечную точку API для извлечения их значений по умолчанию через Javascript / AJAX из front-конец.