Use custom attributes to define characteristics of an HTML element.
One of my favorite people is Þorvaldur Sveinn Sveinsson. Which is a real name. In Iceland. But when he types his name in a form, the browser thinks it's spelled wrong. Here's how to make that not happen:
Select the element (the text field for the name), and head over to the Elements settings panel. Custom attributes? Let’s add an attribute.
For the name? We’re just going to add "spellcheck" (no spaces, just one word). And under value, we're going to type "false," as in: “spell check this field?” “No.” “Do not spell check this field, Computer.”
Of course, let’s Save. And we did it. We’re done.
If I publish and view the site in real life? Check this out. No red– oh, that’s awkward. I forgot to refresh. But now? Typing the name has no red lines at all.
That's removing the red lines using custom attributes in Webflow.
HTML attributes [↗] can be used to append additional information to your elements — they define characteristics of an HTML element.
See a list of All HTML Attributes, but first, note that some custom attributes are reserved since you can already create them using the native Webflow elements, styles, and settings. For example, you cannot add an <a> attribute, but you can create a link using any of the </a>link elements and link settings.
You can add custom attributes to a selected element in the Element Settings panel.
Add a new custom attribute for the selected element.
Type the name of the attribute.
Type the value of the attribute.
Save the attribute.
Discard the changes you made to the attribute and close the modal.
Discard the changes you made to the attribute and close the modal.
Edit the custom attribute to make changes.
Delete the custom attribute to remove it from the element.
What if you don't want to enable spellcheck in your text field? You can use the spellcheck attribute to do this.
Let's say you want a tooltip to appear when a user hovers over an element. You can add a custom attribute to this element with the tooltip text.
Something went wrong while submitting the form. Please contact support@webflow.com