{"id":24873,"date":"2015-03-17T00:00:00","date_gmt":"2015-03-17T00:00:00","guid":{"rendered":"https:\/\/alienroad.com\/google-bilgi-bankasi\/helping-users-fill-out-online-forms\/"},"modified":"2015-03-17T00:00:00","modified_gmt":"2015-03-17T00:00:00","slug":"helping-users-fill-out-online-forms","status":"publish","type":"ar_kb","link":"https:\/\/alienroad.com\/google-bilgi-bankasi\/helping-users-fill-out-online-forms\/","title":{"rendered":"Helping users fill out online forms"},"content":{"rendered":"<p class=\"gargardate\">Tuesday, March 17, 2015<\/p>\n<p>\n  A lot of websites rely on forms for important goals completion, such as completing a transaction<br \/>\n  on a shopping site or registering on a news site. For many users, online forms mean repeatedly<br \/>\n  typing common information like their names, emails, phone numbers or addresses, on different sites<br \/>\n  across the web. In addition to being tedious, this task is also error-prone, which can lead many<br \/>\n  users to abandon the flow entirely. In a world where users browse the internet using their mobile<br \/>\n  devices more than their laptops or desktops, having forms that are easy and quick to fill out is<br \/>\n  crucial! Three years ago, we announced the support for a new &#8220;autocomplete&#8221; attribute in Chrome,<br \/>\n  to<br \/>\n  <a href=\"https:\/\/alienroad.com\/google-bilgi-bankasi\/making-form-filling-faster-easier-and-smarter\/\">make form-filling faster, easier and smarter<\/a>.<br \/>\n  Now, Chrome fully supports the <code>autocomplete<\/code> attribute for form fields according to<br \/>\n  the current<br \/>\n  <a href=\"https:\/\/html.spec.whatwg.org\/multipage\/forms.html#autofill\" class=\"external-link\">WHATWG HTML Standard<\/a>.<br \/>\n  This allows webmasters and web developers to label input element fields with common data types,<br \/>\n  such as <code>name<\/code> oder <code>street-address<\/code>, without changing the user interface or<br \/>\n  the backend. Numerous webmasters have increased the rate of form completions on their sites by<br \/>\n  marking up their forms for auto-completion.\n<\/p>\n<p>\n  For example, marking up an email address field on a form to allow auto-completion would look like<br \/>\n  this (with a<br \/>\n  <a href=\"https:\/\/googlesamples.github.io\/web-fundamentals\/samples\/input\/form\/order\" class=\"external-link\">full sample form<\/a><br \/>\n  available): <code>&lt;input type=\"email\" name=\"customerEmail\" autocomplete=\"email\" \/&gt;<\/code>\n<\/p>\n<p><img decoding=\"async\" alt height=\"338\" src=\"https:\/\/alienroad.com\/wp-content\/uploads\/kb-gorsel\/g-84e463dad9fc.png\" loading=\"lazy\" width=\"400\"><\/p>\n<p>\n  Making websites friendly and easy to browse for users on mobile devices is very important. We hope<br \/>\n  to see many forms marked up with the <code>autocomplete<\/code> attribute in the future. For more<br \/>\n  information, you can check out our specifications about<br \/>\n  <a href=\"https:\/\/developers.google.com\/web\/fundamentals\/input\/form\/label-and-name-inputs\" class=\"external-link\">Label and name inputs<\/a><br \/>\n  in Web Fundamentals. And as usual, if you have any questions, please post in our<br \/>\n  <a href=\"https:\/\/support.google.com\/webmasters\/go\/community\" class=\"external-link\">Webmasters Help Forums<\/a>.\n<\/p>\n<p class=\"byline-author\">\n  Posted by Mathieu Perreault, Chrome Software Engineer, and<br \/>\n  <a href=\"https:\/\/www.linkedin.com\/in\/zinebaitbahajji\" class=\"external-link\">Zineb Ait Bahajji<\/a>,<br \/>\n  Webmaster Trends Analyst<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Tuesday, March 17, 2015 A lot of websites rely on forms for important goals completion, such as completing a transaction on a shopping site or registering on a news site. For many users, online forms mean repeatedly typing common information like their names, emails, phone numbers or addresses, on different sites across the web. In [&hellip;]<\/p>\n","protected":false},"menu_order":83489,"template":"","meta":{"footnotes":""},"ar_kb_kategori":[665],"ar_kb_etiket":[],"class_list":["post-24873","ar_kb","type-ar_kb","status-publish","has-post-thumbnail","hentry","ar_kb_kategori-blog"],"_links":{"self":[{"href":"https:\/\/alienroad.com\/wp-json\/wp\/v2\/ar_kb\/24873","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alienroad.com\/wp-json\/wp\/v2\/ar_kb"}],"about":[{"href":"https:\/\/alienroad.com\/wp-json\/wp\/v2\/types\/ar_kb"}],"version-history":[{"count":0,"href":"https:\/\/alienroad.com\/wp-json\/wp\/v2\/ar_kb\/24873\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/alienroad.com\/wp-json\/wp\/v2\/media\/27057"}],"wp:attachment":[{"href":"https:\/\/alienroad.com\/wp-json\/wp\/v2\/media?parent=24873"}],"wp:term":[{"taxonomy":"ar_kb_kategori","embeddable":true,"href":"https:\/\/alienroad.com\/wp-json\/wp\/v2\/ar_kb_kategori?post=24873"},{"taxonomy":"ar_kb_etiket","embeddable":true,"href":"https:\/\/alienroad.com\/wp-json\/wp\/v2\/ar_kb_etiket?post=24873"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}