Hi @mirackygmailcom
I checked the snippet and it works according to the article you linked to in your initial post: it adds a proper “autocomplete” attribute to input fields in defined forms.
It’s, however, by definition a different thing than the “autofill” feature built-in into Forminator (that you can enable for logged-in users in form’s “Behaviour” settings).
The one built-in let’s you define which fields on the form should have “autofill” enabled and where should they take the data from. That means that, for example, if you add a “name” field to the form you can set it to be automatically pre-filled with logged in user first name.
The “autocomplete” that you asked for by linking to that Google article is something different. It’s an attribute (part of WHATWG HTML standard) and it works entirely “browser-side”. It’s not able to get any data from e.g. user profile too as there’s no access/interaction with database and also it would be impossible for not logged-in users.
What it does, basically, is that if you have a set of input-type fields on the form and you have already filled-in this or other forms using standard “input” fields (and saved the data in browser) then without that attribute, if you e.g. fill in “name” field browser will check “types” of other fields (e.g. that one of them is credit card number and another one is address) and attempt to automatically fill that in based on data saved in Chrome by you in the e past, trying to match that credit card number an address with the name you used.
The code that we shared will not create any new fields in Forminator or any new options. It just injects “autocomplete” attribute to existing “input” fields, as described in the article.
The example in a shared code works for a field identified as “name-1” and sets it to be auto-filled with credit card user name (saved in browser). You can change the field by replacing “name-1” with another field ID as seen on form (in “Fields” section when you’re editing the form) in this line
if( $field['element_id'] == 'name-1' ){
Later in the code you can also change the “type” of autocomplete (see the article that you linked to for possible values):
$name = 'cc-name';
and you can also repeat that entire “if” block of code to add more fields. For example, let’s say that there’s a name field (name-2) and an e-mail field (email-3) and you want them both to be autofilled based browser-saved data, with the person full name and e-mail accordingly:
if( $field['element_id'] == 'name-2' ){
if( strpos( $html, $element ) ){
$name = 'name';
return str_replace( $element, $element . ' autocomplete="' . $name . '"', $html );
}
}
if( $field['element_id'] == 'email-3' ){
if( strpos( $html, $element ) ){
$name = 'email';
return str_replace( $element, $element . ' autocomplete="' . $name . '"', $html );
}
}
Kind regards,
Adam
