Making web forms easier to fill out

Posted by Mathieu Perreault, Chrome Software Engineer, and Zineb Ait Bahajji, Webmaster Trends Analyst
  • Transfer
Hello, Habr! Today, mobile devices, rather than computers, are increasingly being used on the Internet. At the same time, many sites have data entry forms that allow you to make a purchase or subscribe to the newsletter. As a result, users have to enter information about themselves, such as name, phone number and address, many times on different sites. The convenience of web forms is of great importance, because errors are always possible when working with them, as a result of which many users completely refuse to fill out. Three years ago, we introduced the AutoFill feature in the Chrome browser, which simplifies data entry into forms . Chrome now fully supports the autocomplete attribute in forms in accordance with the current WHATWG HTML standard.. Thanks to this, webmasters and developers can mark fields with attributes, such as name and street-address (name and address), without changing the interface or other site code. Those who have realized these opportunities, note that their forms began to fill up more often.

autofill forms on a smartphone

For example, if you mark a field for entering an email address, the code will look like this:



Here is a complete form layout example :

Contact Info
Shipping
Billing
Payment

Do NOT provide real credit card information in this field.


Optimizing sites for viewing on mobile devices is very important. We hope that in the future there will be more resources on which the autocomplete attribute is implemented. For more information, see the Web Design Fundamentals guide on this page . If you have any questions, ask them on our forum .

Our previous posts on the topic of optimization for mobile:

>> We identify blocked resources using Google’s webmaster tools
>> Improve search results on mobile devices
>> Google will mark mobile sites in search results
>> Application Indexing: now also in Russian
>>Improving the understanding of web pages
>> New Googlebot user agent for smartphones
>> How to improve the mobile version of the site. Recommendations and video tips

Also popular now: