Если вы недавно ставили на 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
- 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 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>