Если вы недавно ставили на WordPress Contact Form 7, вы вероятно заметили, что в форме по умолчанию часть полей имеет значение autocomplete. Если у пользователя в настройках браузера сохранены его личные данные, браузер будет подставлять их автоматически, избавляя пользователя от необходимости вводить их вручную.

Ниже рассмотрим, для каких полей формы можно указывать эту инструкцию.

<label> Ваше имя
[text* your-name autocomplete:name] </label>

<label> Ваш email
[email* your-email autocomplete:email] </label>

<label> Тема
[text* your-subject] </label>

<label> Ваше сообщение
[textarea your-message] </label>

[submit "Отправить"]

Доступные значения 

Спецификация HTML дает нам следующий список доступных значений autocomplete:

  • name
  • honorific-prefix
  • given-name
  • additional-name
  • family-name
  • honorific-suffix
  • nickname
  • username
  • new-password
  • current-password
  • one-time-code
  • 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
  • cc-exp-month
  • cc-exp-year
  • cc-csc
  • cc-type
  • transaction-currency
  • transaction-amount
  • language
  • bday
  • bday-day
  • bday-month
  • bday-year
  • sex
  • url
  • photo
  • tel
  • tel-country-code
  • tel-national
  • tel-area-code
  • tel-local
  • tel-local-prefix
  • tel-local-suffix
  • tel-extension
  • email
  • impp

Значения autocomplete  с примерами

В таблице приведено значение параметра autocomplete и, по возможности, пример для каждого поля.

Параметр Значение Пример
name Полное имя Анна Мария Бородина
honorific-prefix Префикс или титул «мистер», «мисс», «доктор»
given-name Имя Анна
additional-name Второе имя Мария
family-name Фамилия Бородина
honorific-suffix Суффикс например «младший» (Jr.), II
nickname Псевдоним, отображаемое имя, короткое имя Аня
username Имя пользователя AnnaB
new-password Новый пароль
current-password Текущий пароль
one-time-code Одноразовый проверочный код
organization-title Должность Менеджер
organization Название организации ООО «Alpha Beta»
street-address Улица ул. Арсенальная
address-line1 1я строка адреса дом 10, кв.2
address-line2 2я строка адреса
address-line3 3я строка адреса
address-level4 Административный уровень (для стран с 4-уровневой системой)
address-level3 3й административный уровень (для стран с 4- или 3-уровневой системой) с. Малая Снетинка
address-level2 2й административный уровень. Может быть город, пгт, село Фастовский район
address-level1 1й административный уровень – провинция или область Киевская область
country Код страны (двухсимвольный) UA
country-name Название страны Украина
postal-code Почтовый индекс 86339
cc-name Полное имя, указанное на платежном инструменте Anna Maria Borodina
cc-given-name Имя, указанное на платежном инструменте (на кредитной карте) Anna
cc-additional-name Второе имя, указанное на платежном инструменте (на кредитной карте) Maria
cc-family-name Фамилия, указанная на платежном инструменте (на кредитной карте) Borodina
cc-number Код, идентифицирующий платежный инструмент (номер кредитной карты) 5324 9942 8758 6772
cc-exp Срок действия платежного инструмента 2028-01
cc-exp-month Месяц, до которого действует платежный инструмент (кредитная карта) 01
cc-exp-year Год, до которого действует платежный инструмент (кредитная карта) 2028
cc-csc Код безопасности (CSC, CVC, CVV и другие) 263
cc-type Тип платежного инструмента Visa, Mastercard
transaction-currency Предпочитаемая валюта UAH, USD и т д
transaction-amount Сумма платежа 112.43
language Предпочтительный язык uk
bday День рождения 1987-07-21
bday-day День дня рождения 21
bday-month Месяц рождения 07
bday-year Год рождения 1987
sex Пол Женский
url веб-страница, соответствующая компании, лицу, адресу или контактной информации в других полях, связанных с этим полем. https://facedook.com/Thoutter
photo Фотография, значок или другое изображение, соответствующее компании или человеку
tel Полный номер телефона, включая код страны +38(065)1234-567
tel-country-code Код страны телефонного номера +38
tel-national Телефонный номер без кода страны 0651234567
tel-area-code Код зоны телефонного номера с префиксом внутри страны, если применимо 065
tel-local Номер телефона без компонентов кода страны и кода города 1234-567
tel-local-prefix Первая часть номера телефона, если телефон состоит из двух частей 1234
tel-local-suffix Вторая часть номера телефона, если телефон состоит из двух частей 567
tel-extension Внутренний код номера телефона 111
email Адрес электронной почты [email protected]
impp URL-адрес профиля в приложении обмена мгновенными сообщениями irc://example.org/borodina

Надо заметить, что эти поля можно использовать не только в Contact Form 7, но и в обычных HTML формах, созданных вручную

<form method=post action="purchase.php">
    <input type="hidden" autocomplete="transaction-currency" value="USD">
    <input type="hidden" autocomplete="transaction-amount" value="15.00">
    <label>
        Номер карты:
        <input type="text" inputmode="numeric" autocomplete="cc-number">
    </label>
    <label>
        Срок действия карты:
        <input type="month" autocomplete="cc-exp">
    </label>
    <input type="submit" value="Дальше...">
</form>

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *