Contact Form 7 autocomplete

I found Chrome was warning me of form markup improvements I could make to input elements on my Contact Form 7 forms. Chrome displays messages in its developer console like this:

Showing suggested form markup improvements
Suggested form markup improvements

I took the time to see what I could do to get rid of these warnings and after checking the CF7 documentation I saw it was easy to update my forms with the following parameters.

<label>Please enter your Name (required) [text* your-name autocomplete:name] </label>

<label>Please enter your Email (required) [email* your-email autocomplete:email] </label>

I added “autocomplete” then a parameter from the HTML spec to meet standards. So for the “name” field the suggested update would be “autocomplete:name”. Contact Form 7 then correctly added the autocomplete markup when putting the form on the page and now the forms are compliant with standards and I don’t see these console warnings.

Leave a Reply

Your email address will not be published. Required fields are marked *