Autofill Forms: автозаполнение данных в браузере Mozilla Firefox

Автозаполнение в Chrome и Firefox: как удалить ненужные варианты

Firefox и Chrome, как известно, умеют запоминать все данные, которые пользователь вводит в адресной строке, в строке поиска и даже в отдельных полях на различных сайтах. Эти данные браузеры сохраняют в памяти компа (планшета или смартфона) и в следующий раз подставляют их автоматически. Это называется «автозаполнение».

Система сама по себе очень удобная и, как мы знаем, экономит уйму времени. Набираем пару-тройку символов, далее браузер предлагает готовый вариант (адрес, ник, реквизиты банковских карт и прочие данные), по которому достаточно просто кликнуть мышкой, тапнуть или выбрать с клавиатуры, а вводить повторно его уже не нужно.

Однако со временем значительная часть таких данных теряет актуальность и/или в памяти браузера сохраняется слишком много некорректных вариантов (пропущен символ, фраза и т.д.). Из-за них автозаполнение перестает работать, как надо, и неправильные варианты приходится удалять. Как правило, поодиночке и правым кликом.

А если нужно «почистить» автозаполнение основательно, то с этим возникает проблемка. Поскольку ни в настройках Firefox, ни в настройках Chrome не предусмотрено отдельных разделов со списками вариантов автозаполнения, из которых все ненужное/неправильное удалить можно было бы, так сказать, оптом.

Потому, если надо привести в порядок автозаполнение браузера, то надо либо удалять ненужные варианты по одному, либо чистить всю историю поиска, притом с обязательной очисткой раздела данных для заполнения (опция по умолчанию отключена). Собственно, об этом дальше и пойдет речь. Итак:

как удалить отдельные неправильное автозаполнение в браузере

… а именно, в адресной строке, в строке поиска и даже в отдельных полях на различных сайтах. Значит:

в Firefox на компе

• стрелочками «вверх/вниз» с клавиатуры выделяем ненужную строку в списке автозаполнения;
• жмем кнопку Delete (либо, если просто Delete не срабатывает, то Shift + Delete).

в Chrome на компе

• стрелочками «вверх/вниз» с клавиатуры выделяем ненужную строку в списке автозаполнения;
• жмем кнопки Shift + Delete.

Напомним, чтобы открыть список автозаполения в строке поиска или в поле формы на сайте можно ничего не набирать, а просто поставить туда курсор и потом нажать стрелку «вниз» на клавиатуре.

как очистить данные для автозаполнения в браузере

Данная операция предусматривает полное удаление всех данных, которые ранее были введены в текстоых формах на различных сайтах и хранятся в памяти браузера. Чтобы полностью очистить данные для автозаполнения:

в Firefox

• в адресной строке вводим about:preferences#privacy
• на странице «Приватность и защита» настроек браузера жмем кнопку «Удалить историю«;
• в появившемся окне кликаем «Подробности«, ставим флажок в чек-боксе «Журнал форм и поиска» (и снимаем флажки во всех остальных чек-боксах, если кроме данных автозаполнения больше ничего удалять не нужно);
• в меню удалить выше устанавливаем «Всё«;
• и внизу окна жмем кнопку «Удалить сейчас«:

в Chrome

• в адресной строке вводим chrome://settings/clearBrowserData
• в окне «Очистить историю» открываем вкладку «Дополнительные«;
• стави флажок в чек-боксе «Данные для автозаполнения» (а также флажки в других чек-боксах, если попутно надо удалить другие данные, которые хранит браузер);
• жмем кнопку «Удалить данные» внизу окна:

как отключить функцию сохранения данных форм на сайтах в браузере

Таковая в Chrome и в Firefox тоже предусмотрена и с её помощью можно сделать так, чтобы браузер не запоминал все те данные, которые вы вводите в текстовых формах. Для этого:

в Firefox

• в адресную строку браузера копируем about:preferences#privacy и жмем Enter;
• на странице «Приватность и защита» в разделе «История» в выпадающем меню сначала выбираем опцию «будет использовать ваши настройки хранения истории«;а затем снимаем флажок в чек-боксе «Помнить историю поиска данных и форм«.

в Google Chrome

• в адресную строку браузера копируем chrome://settings/autofill и жмем Enter;
• в открывшемся окне отключаем опцию «Заполнять формы автоматически«.

#  Поисковик по умолчанию в новом Edge Chromium: как поменять

Источник: //www.gadgetstyle.com.ua/48133-chrome-firefox-autocomplete-tips/

Упрощаем заполнение форм с помощью Autofill

Люди ненавидят заполнять формы, особенно на мобильных устройствах. Формымогут быть длинными и пугающими, часто содержат большое количество шагов ипроверок, и их заполнение может вызывать у пользователя недовольство ираздражение.

Чтобы упростить этот процесс, браузерыуже довольно давно добавили возможность автозаполнения полей от именипользователя.

Хром сделал это 2011 году, представивАвтозаполнение (Autofill), которое может заполнить всю формуцеликом, используя данные из профиля пользователя в Autofill.

В следующей версии Хрома (M43) мы сделаем заполнение форм ещё прощеи быстрее: мы расширим поддержку данных с кредитныхкарт и адресов с карт Google.

Это означает, что одни и те же данные можно будетиспользовать и для покупок в Google Play, и на внешних сайтах.

Если вы будете использовать стандартные атрибуты автозаполнения,можете быть уверены, что пользователям будет удобно иметь делос формами на вашем сайте, потому что автозаполнение Хрома сможет заполнить ихсо стопроцентной точностью.

Атрибуты автозаполнения — это способ для вас как для разработчика управлять тем,как именно браузер должен заполнить конкретное поле.

Например, если вы ожидаете,что пользователь введёт название улицы, с помощью autocomplete=”address-line1″вы можете подсказать браузеру какие именно данные вы ожидаете получить.

Наши наблюдения показывают, что при правильном использовании атрибутовавтозаполнения в формах пользователи заполняют их примерно на 30% быстрее.А так как автозаполнение является частью стандарта WHATWG HTML,мы надеемся, что другие браузеры начнут поддерживать его в ближайшем будущем.

В прошлом многие разработчики добавляли autocomplete=”off” в поля форм,чтобы заблокировать любые действия браузера, связанные с автозаполнением.

В то время как Хром по-прежнему использует этот атрибут для автодополнения,он не будет использовать его для автозаполнения. Когда же следуетиспользовать autocomplete=”off”? Например, если вы сделали свою собственнуюверсию автодополнения для поиска.

Или у вас на сайте есть формы, в которыепользователи вводят различные данные, которые браузеру помнить не обязательно.

Наиболее распространенные атрибуты автозаполнения приведены в таблице ниже,также они описаны в Веб основах.

Основные атрибуты

Name on card

Card Number

CVC

Expiry

Имя

Name

Почта

Email

Confirm Email

Адрес

Address

City

State

Zip

Country

Телефон

Phone

Атрибуты автозаполнения могут быть дополнены именем раздела, например:

• shipping – имя
• billing – адрес улицы

Так рекомендуется делать, потому что это сделает вашу разметки легче длячтения и понимания. Браузер автоматически заполнит различные секции отдельно, а не в виде длинной формы.

Пример формы оплаты

Name on card

Card Number

CVC

Expiry

Полезные привычки при работе с формами

1. Используйте лейблы для полей ввода и убедитесь, что они отображаются,когда поле в фокусе. Элемент label подсказывает пользователю какую информациюнужно ввести в поле.

   Лейбл может быть связан с текстовым полем путёмразмещения поля внутри элемента label.

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

2. Используйте плейсхолдеры как подсказки для полей ввода. Атрибутplaceholder подсказывает пользователю какое содержимоеожидается в текстовом поле.

   Как правило, подсказкипоказываются светлым текстом, пока пользователь не начнётпечатать, и исчезают, как только пользователь начинает вводить текст.

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

Демо

Вы можете увидеть демо в действии здесь:greenido.github.io/Product-Site-101/form-cc-example.html.Или посмотреть его код на этой странице: github.com/greenido/Product-Site-101.

Источник: //www.frontender.info/checkout-faster-with-Autofill/