{"id":24646,"date":"2012-01-25T00:00:00","date_gmt":"2012-01-25T00:00:00","guid":{"rendered":"https:\/\/alienroad.com\/google-bilgi-bankasi\/making-form-filling-faster-easier-and-smarter\/"},"modified":"2012-01-25T00:00:00","modified_gmt":"2012-01-25T00:00:00","slug":"making-form-filling-faster-easier-and-smarter","status":"publish","type":"ar_kb","link":"https:\/\/alienroad.com\/google-bilgi-bankasi\/making-form-filling-faster-easier-and-smarter\/","title":{"rendered":"Making form-filling faster, easier and smarter"},"content":{"rendered":"<p class=\"gargardate\">Wednesday, January 25, 2012<\/p>\n<p>\n  One of the biggest bottlenecks on any conversion funnel is filling out an online form \u2013 shopping<br \/>\n  and registration flows all rely on forms as a crucial and demanding step in accomplishing the<br \/>\n  goals of your site. For many users, online forms mean repeatedly typing common information like<br \/>\n  our names and addresses on different sites across the web \u2013 a tedious task that causes many to<br \/>\n  give up and abandon the flow entirely.\n<\/p>\n<p>\n  Chrome&#8217;s Autofill and other form-filling providers help to break down this barrier by remembering<br \/>\n  common profile information and pre-populating the form with those values. Unfortunately, up to<br \/>\n  now it has been difficult for webmasters to ensure that Chrome and other form-filling providers<br \/>\n  can parse their form correctly. Some<br \/>\n  <a href=\"https:\/\/www.rfc-editor.org\/rfc\/rfc4112.html\" class=\"external-link\">standards exist<\/a>;<br \/>\n  but they put onerous burdens on the implementation of the website, so they&#8217;re not used much in<br \/>\n  practice.\n<\/p>\n<p>\n  Today we&#8217;re pleased to announce support in Chrome for an experimental new &#8220;autocomplete type&#8221;<br \/>\n  attribute for form fields that allows web developers to unambiguously label <code>text<\/code><br \/>\n  and <code>select<\/code> fields with common data types such as &#8216;full-name&#8217; or &#8216;street-address&#8217;.<br \/>\n  With this attribute, web developers can drive conversions on their sites by marking their forms<br \/>\n  for auto-completion without changing the user interface or the backend.\n<\/p>\n<p><img decoding=\"async\" alt=\"How autocomplete might look like implemented on a web page\" border=\"0\" height=\"141\" src=\"https:\/\/alienroad.com\/wp-content\/uploads\/kb-gorsel\/g-73ce97abe305.png\" loading=\"lazy\" width=\"400\"><\/p>\n<p>\n  Just add an attribute to the input element, for example an email address field might look like:\n<\/p>\n<div><\/div>\n<p>\n  We&#8217;ve been working on this design in collaboration with several other autofill vendors. Like any<br \/>\n  early stage proposal we expect this will change and evolve as the web standards community provides<br \/>\n  feedback, but we believe this will serve as a good starting point for the discussion on how to<br \/>\n  best support autofillable forms in the HTML5 spec. For now, this new attribute is implemented in<br \/>\n  Chrome as <code>x-autocompletetype<\/code> to indicate that this is still experimental and not yet<br \/>\n  a standard, similar to the <code>webkitspeech<\/code> attribute we<br \/>\n  <a href=\"https:\/\/chrome.blogspot.com\/2011\/04\/everybodys-talking-and-translating-with.html\" class=\"external-link\">released<\/a><br \/>\n  last summer.\n<\/p>\n<p>\n  For more information, you can read the<br \/>\n  <a href=\"https:\/\/wiki.whatwg.org\/wiki\/Autocompletetype\" class=\"external-link\">full text of the proposed specification<\/a>,<br \/>\n  ask questions on the<br \/>\n  <a href=\"https:\/\/support.google.com\/webmasters\/community\" class=\"external-link\">Webmaster help forum<\/a>,<br \/>\n  or you can share your feedback in the<br \/>\n  <a href=\"https:\/\/lists.whatwg.org\/htdig.cgi\/whatwg-whatwg.org\/2011-December\/034198.html\" class=\"external-link\">standardization discussion<\/a>!\n<\/p>\n<p class=\"byline-author\">Posted by Ilya Sherman, Software Engineer<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Wednesday, January 25, 2012 One of the biggest bottlenecks on any conversion funnel is filling out an online form \u2013 shopping and registration flows all rely on forms as a crucial and demanding step in accomplishing the goals of your site. For many users, online forms mean repeatedly typing common information like our names and [&hellip;]<\/p>\n","protected":false},"menu_order":84636,"template":"","meta":{"footnotes":""},"ar_kb_kategori":[665],"ar_kb_etiket":[],"class_list":["post-24646","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\/24646","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\/24646\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/alienroad.com\/wp-json\/wp\/v2\/media\/26918"}],"wp:attachment":[{"href":"https:\/\/alienroad.com\/wp-json\/wp\/v2\/media?parent=24646"}],"wp:term":[{"taxonomy":"ar_kb_kategori","embeddable":true,"href":"https:\/\/alienroad.com\/wp-json\/wp\/v2\/ar_kb_kategori?post=24646"},{"taxonomy":"ar_kb_etiket","embeddable":true,"href":"https:\/\/alienroad.com\/wp-json\/wp\/v2\/ar_kb_etiket?post=24646"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}