How can I enable autocomplete for inputs on a Bubble form?

I have a simple Bubble with a form including inputs for name, address, city, state/province, country and postal code. See attached screenshot. For some reason, none of these form fields seem to support browser autocomplete functionality. In other words, when the user starts typing their address or city, it does not even attempt to prepopulate it in Google Chrome or Safari. I’m not sure why or how to enable this using Bubble’s built-in forms. Is there a plugin that solves this problem? Thank you for your input in advance.

1 Like

Hii @garydarna ,

You Can try changing input to search box for auto complete feature and selecting list of options in search box will make it work

.

hope it help you.

I don’t think that is what was asked for. Please see HTML attribute: autocomplete - HTML: HyperText Markup Language | MDN.

Looks like bubble.io doesn’t expose an HTML standards-based autocomplete attribute for input fields.

Quick hacks: Use the Placeholder value to set something the browser expects for a given field. Alternatively, go to Settings > General > Advanced Options > “Expose the option to add an ID attribute to HTML elements”, then set the ID for each element to the auto-complete values expected (“given-name” for First Name, “family-name” for Last Name, “street-address” for Street Address, “birthdate” for date of birth, etc.).

3 Likes