Contact Form 7 Autocomplete — для каких полей можно указать автозаполнение

Если вы недавно ставили на 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 и, по возможности, пример для каждого поля.

Надо заметить, что эти поля можно использовать не только в 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>