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.
Opens WPIDE on
Code
// 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 add this snippet
- Install WPIDE on your WordPress site (it is free) and open Code Snippets.
- Use snippet above adds it from the library in one click. Or copy the code into a new snippet with the same code type.
- It is added inactive: review the code and settings, then switch it on.