How to Enable Auto Complete on Your Site Forms


A recent Google blog post clearly recommends that you add the auto-complete metadata attribute to your site's form fields - especially for mobile. We're sure you've gone to a site and found that Google remembers all of your basic data, allowing you to quickly move onto the next step without the pain of typing your contact details.

autocomplete_attribute.jpg

While this won't improve your rankings, it can go a long way toward improving your sales and/or conversion rate and it's not hard to put into place. For example, here's the code that Google provides to hint to the browser that it should auto-complete the form with the users name, email address and phone number:


<label for="frmNameA">Name</label> <input type="text" name="name" id="frmNameA" placeholder="Full name" required autocomplete="name">

<label for="frmEmailA">Email</label> <input type="email" name="email" id="frmEmailA" placeholder="name@example.com" required autocomplete="email">

<label for="frmEmailC">Confirm Email</label> <input type="email" name="emailC" id="frmEmailC" placeholder="name@example.com" required autocomplete="email">

<label for="frmPhoneNumA">Phone</label> <input type="tel" name="phone" id="frmPhoneNumA" placeholder="+1-555-555-1212" required autocomplete="tel">

For complete details on adding this metadata to your site, visit Google Developers resource. ...

TO READ THE FULL ARTICLE