Junior
52
questionbank

Для чего используется атрибут 'autocomplete' и какие параметры он может принимать?

Получайте ответы на вопросы в реальном времени с Sobes Copilot
Ответ от нейросети sobes.tech

Атрибут autocomplete используется для подсказки браузеру, как автоматически заполнять поля формы на основе предыдущих вводов пользователя. Это повышает удобство использования и скорость заполнения форм.

Основные параметры:

  • on: Включить автозаполнение.
  • off: Отключить автозаполнение.

Помимо on и off, существует целый ряд предопределенных значений, описывающих тип данных, которые должны заполняться. Некоторые из них:

  • name: Полное имя.
  • honorific-prefix: Приставка к имени (например, "Г-н", "Г-жа").
  • given-name: Имя.
  • additional-name: Отчество (или второе имя).
  • family-name: Фамилия.
  • honorific-suffix: Суффикс к имени (например, "Мл.").
  • nickname: Никнейм.
  • email: Электронная почта.
  • username: Имя пользователя.
  • new-password: Новый пароль (для формы регистрации).
  • current-password: Текущий пароль (для формы входа).
  • organization-title: Должность.
  • organization: Организация.
  • street-address: Адрес.
  • address-line1, address-line2, address-line3: Строки адреса.
  • address-level4, address-level3, address-level2, address-level1: Уровни адреса (например, страна, регион, город, район).
  • country: Страна.
  • country-name: Название страны.
  • postal-code: Почтовый индекс.
  • cc-name: Имя на кредитной карте.
  • cc-given-name: Имя на кредитной карте.
  • cc-additional-name: Отчество на кредитной карте.
  • cc-family-name: Фамилия на кредитной карте.
  • cc-number: Номер кредитной карты.
  • cc-exp: Срок действия кредитной карты в формате MM/YY.
  • cc-exp-month: Месяц срока действия кредитной карты.
  • cc-exp-year: Год срока действия кредитной карты.
  • cc-csc: Код безопасности кредитной карты (CVV).
  • cc-type: Тип кредитной карты.
  • tel: Телефонный номер.
  • tel-national: Телефонный номер без кода страны.
  • tel-area-code: Код города телефонного номера.
  • tel-local: Телефонный номер без кода страны и города.
  • tel-extension: Расширение телефонного номера.
  • bday: Дата рождения.
  • bday-day: День рождения.
  • bday-month: Месяц рождения.
  • bday-year: Год рождения.
  • sex: Пол.
  • url: URL-адрес домашней страницы.
  • photo: URL-адрес фотографии.

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

html