Дифференцирование нескольких форм на одном сайте для автозаполнения

Question

Какова логика автозаполнения браузеров - как они различают несколько форм на одном сайте или даже на странице? Предположим, что у вас есть сайт электронной коммерции с логином (пользовательским/пропуском) и подарочными картами в кассе (giftcardnumber/pass). Как вы сообщаете браузеру, что это не те же поля и должны храниться отдельно?

Конечно, мы могли бы просто отключить автозаполнение на 2-й форме, но это не очень хорошее решение.

Есть ли стандарт на автозаполнение? Является ли идентификатором формы ключом для его хранения? С Windows 10 ситуация кажется еще более сложной благодаря функции облачной синхронизации, которая синхронизирует пароли и другие значения форм в браузерах.

Спасибо!

Answer 1

Если я правильно вас понимаю, вы ищете, как включить/выключить поля из автозаполнения?

Вы можете использовать установить всю форму для автозаполнения с чем-то вроде:

<form autocomplete="on|off"> 

и вы можете установить автоматическое заполнение или выключить на поле что-то вроде:

<form action="demo_form.asp" method="get"> 
    First name:<input type="text" name="fname" autocomplete="on"><br> 
    E-mail: <input type="email" name="email"><br> 
    <input type="submit"> 
</form> 

Примечания что это будет только автозаполнение для полей, которые пользователь уже выполнил автоматически в других формах в истории браузера

Вы можете узнать больше об этом здесь (и даже попробовать): http://www.w3schools.com/tags/att_form_autocomplete.asp

Также смотрите эту ссылку на поле конкретного autocompletes: http://www.w3schools.com/tags/att_input_autocomplete.asp

Answer 2

Here's хороший ответ, который объясняет немного о том, как браузер определимся Autocomplete

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

Ниже приводится подробная информация о стандарте html autofill. https://html.spec.whatwg.org/multipage/forms.html#autofill