Disable spellcheck with custom attributes
What if you don't want to enable spellcheck in your text field? For example, your best friend's name is something your browser doesn't recognize? With the power of custom attributes in the Webflow Designer, you can forever remove the red line from any of your text fields.
Give your custom attribute a name of "spellcheck" and a value of "false." After publishing your site to save your changes in two clicks, you will never have to deal with red lines in your form again.
Video transcript
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.
