How can I disable autocomplete on a form input in Webflow? I've tried using the "autocomplete" attribute with values of "off" and "false", but it hasn't worked. Any suggestions?
TL;DR
- Add a custom attribute
autocomplete="off"to input fields in Webflow. - Rename input
nameandidto non-standard values to avoid browser-triggered autofill. - Avoid common input types like
emailorpassword, and test changes in Incognito mode for accuracy.
To disable autocomplete on a form input in Webflow, using the autocomplete="off" attribute is correct—but modern browsers often ignore this for specific input types. Here's how to improve the reliability.
1. Set the Autocomplete Attribute Properly
- Select the input field in the Webflow Designer.
- In the Settings panel (gear icon), scroll down and find the Autofocus and Autocomplete options.
- Set Autocomplete to
offin the dropdown. If the option isn't visible, proceed to the next step with custom attributes.
2. Use a Custom Attribute
- Select the input field, go to the Element Settings panel.
- Under the Custom Attributes section:
- Name:
autocomplete - Value:
off(Make sure it’s lowercase and without quotes) - Publish your site and test again in Incognito mode to rule out browser caching.
3. Rename the Input Field
- Autocomplete often persists due to the input’s
nameoridbeing recognized by browsers. - Try setting the input’s name and ID to non-standard values, such as:
name="no-autofill-email"instead ofemailname="user_input_xyz"instead ofusername- Avoid using names like
email,name,username,password—browsers auto-apply autocomplete to these.
4. Avoid Common Input Types
- Input types like
email,tel, orpasswordoften trigger autocomplete regardless of the autocomplete value. - As a workaround, you can temporarily use
type="text"with unique names if blocking autocomplete is essential.
5. Clear Form Caching in Browser
- Sometimes, autocomplete persists via the browser’s cached form memory.
- Test disabling it in:
- Incognito mode or
- Another browser to confirm if the fix works.
Summary
To disable autocomplete in Webflow, add a custom attribute autocomplete="off", rename fields to avoid common input names, and test in private mode. Due to browser behavior, this isn't always 100% reliable, but these steps maximize your chances.