Атрибут autocomplete

1 мин
Автор PINTA IT
Атрибут autocomplete

Атрибут autocomplete

Это атрибут, при помощи которого форма заполняется в один клик браузер подставит значения в соответствующие поля. Пример - Создадим форму, в которую пользователь будет сам вводить имя, а при заполнении поля e-mail сможет выбрать адрес почты из предложенных браузером вариантов:

<form action="">
   <div>
     <label for="name">Введите имя</label>
     <input id="name" type="text">
   </div>
   <div>
     <label for="email">Электронная почта</label>
     <input id="email" type="email" autocomplete="on">
   </div>
   <button type="submit">Отправить</button>
 </form>

Когда вы заполняете формы, браузер сохраняет те или иные данные логины, пароли, адреса и e-mail. При заполнении очередной формы браузер идёт в список сохранённой информации, выуживает оттуда данные, которые требуются для этой формы, и вставляет в соответствующие поля.

Атрибут autocomplete

Еще больше можно узнать на канале  https://t.me/pintatv Курсы по верстке с постоянными обновлениями и дополнениями. На этом канале вы научитесь верстать, и мы будем держать вас в курсе о новых фишках и инструментах для верстальщика.

Похожие публикации