Make Forms More Mobile Friendly by Adding autocomplete

Make Forms More Mobile Friendly by Adding autocomplete

It would be really nice to make forms more mobile friendly by giving us a way to include the auto-completion tag on the form input.

Auto-completion allows for mobile users to have their information filled in from the device's information - name, email, phone, and so forth.

I have looked and tried to find the raw code for the forms so that I could do it myself, but no dice. Just having a box in the form setup would be great that we could just click that says "mobile enable" and that would add the feature to all the fields on the form.

Here is more information from the Google Webmaster Centeral Blog:
http://googlewebmastercentral.blogspot.ca/2015/03/helping-users-fill-out-online-forms.html

Thanks!

4 Comments
Anonymous
Not applicable
Hi Kirk

When creating form you can  enable "prefill" in each field in you form.

So when a lead clicks a link from your emails , their Info will be prefilled.

Thank you

Vik
Robb_Barrett
Level 10

I think he's referring to mobile autofill for unknown leads. I just happened to have written code today to do this:

MktoForms2.whenReady(function(form){

     document.getElementById("mktoForm_{{my.Form ID}}").setAttribute("autocomplete","on");

     document.getElementById("Email").setAttribute("autocomplete","email");

      document.getElementById("Phone").setAttribute("autocomplete","tel");

      document.getElementById("FirstName").setAttribute("autocomplete","given-name");

      document.getElementById("LastName").setAttribute("autocomplete","family-name");

      document.getElementById("Company").setAttribute("autocomplete","organization");

      document.getElementById("City").setAttribute("autocomplete","address-level2");

      document.getElementById("web_capture_state").setAttribute("autocomplete","address-level1");

      document.getElementById("Title").setAttribute("autocomplete","organization-title");

      document.getElementById("PostalCode").setAttribute("autocomplete","postal-code");

      document.getElementById("Address").setAttribute("autocomplete","street-address");

        });     

Robb_Barrett
Level 10

BTW, you should be able to pop this script into any LP and have it work for you. Just note that I use a custom State field.

kh-lschutte
Community Manager
Status changed to: Open Ideas