# Autofill Hints for Contact Form 7 Fields

> Adds the right autocomplete attributes to Contact Form 7 name, email, phone and company fields, so browsers and password managers can fill them in one tap.

- Type: PHP
- Runs: Run everywhere
- Category: [Forms](https://wpide.com/library/category/forms/)
- Tags: contact-form-7, accessibility, autofill
- Author: WPIDE Team
- Installs: 0
- Updated: 2026-10-28
- Page: https://wpide.com/library/cf7-autocomplete-attributes/

## Code

```php
// Field name => autocomplete token.
$wpide_cf7_autocomplete = array(
    'your-name'    => 'name',
    'your-email'   => 'email',
    'your-phone'   => 'tel',
    'your-company' => 'organization',
);

add_filter( 'wpcf7_form_elements', function ( $html ) use ( $wpide_cf7_autocomplete ) {
    foreach ( $wpide_cf7_autocomplete as $name => $token ) {
        $html = preg_replace_callback( '/<input\b[^>]*\bname="' . preg_quote( $name, '/' ) . '"[^>]*>/i', function ( $m ) use ( $token ) {
            return false !== stripos( $m[0], 'autocomplete=' ) ? $m[0] : preg_replace( '/^<input\b/i', '<input autocomplete="' . esc_attr( $token ) . '"', $m[0] );
        }, $html );
    }

    return $html;
} );
```

## Notes

Map your own field names to autocomplete tokens at the top; fields that already have an autocomplete attribute are left alone.

## How to use it

Install the free WPIDE plugin (https://wordpress.org/plugins/wpide/), find "Autofill Hints for Contact Form 7 Fields" in its snippet library and add it in one click; or create a new PHP snippet in WPIDE (or any code snippets plugin) and paste the code above. More snippets: https://wpide.com/library/