Add Autocomplete Attributes to Form Input Elements

  • 2 August 2018
  • 1 reply
  • 29 views
Phillip

Google Chrome is actively promoting autocomplete attributes:

image

Let’s get these added to Unbounce be default (in addition to HTML5 Field Types).

HTML Spec:
https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofilling-form-controls:-the-autocomplete-attribute

1 reply

Phillip

I added the attributes with javascript.

//Autocomplete Attributes
document.getElementsByClassName('lp-pom-form')[0].getElementsByTagName('form')[0].autocomplete = 'on';
document.getElementById('phone_number').autocomplete = 'tel-national mobile';
document.getElementById('email').autocomplete = 'email';
document.getElementById('first_name').autocomplete = 'given-name';
document.getElementById('last_name').autocomplete = 'family-name';

However, I am not sure if this will even work since the browser may ignore them if they aren’t there when the document is loaded.

Reply


Terms & ConditionsCookie settings