Blueprint by Tiny
Return to Tiny.cloud
Return to Tiny.cloudTry TinyMCE for Free
Search by

HTML spell check

Ben Long

August 10th, 2020

Written by

Ben Long

Category

How-tos & Tutorials

When users are entering text in your online applications or forms, you might want to provide them with spelling and grammar checking options. 

Default browser checking behavior typically depends on HTML element type and browser used. However, you might want to explicitly specify whether browser-based checking is enabled or not for specific elements.

You can enable and disable browser-based checking for specific HTML elements with the spellcheck attribute.

The spellcheck attribute can be used with the following elements:

  • Text values in input elements (not password)
  • Text in textarea elements
  • Text in editable elements

Syntax

<element spellcheck="true|false">

Attribute values

  • true - Browser-based spelling and grammar checking is enabled on the specified element
  • false - Browser-based spelling and grammar checking is disabled on the specified element

Example usage

Enable browser-based checking on an HTML textarea or input element by setting spellcheck to true:

<textarea spellcheck="true"></textarea>
An excerpt from The Hare and the Tortoise with spelling mistakes highlighted.
A textarea with spellcheck set to true.

Disable browser-based checking on an HTML textarea or input element by setting spellcheck to false:

<textarea spellcheck="false"></textarea>
An excerpt from The Hare and the Tortoise with spelling mistakes not highlighted.
A textarea with spellcheck set to false.

Spell checking with a WYSIWYG editor

A user corrects spelling mistakes in an application built with TinyMCE.

If you are building or using enterprise-level products, you may benefit from a quality WYSIWYG HTML editor and a premium spell checker - like TinyMCE and its popular Spell Checker Pro plugin.

Many businesses need globally consistent spelling across all content and a whole team of content authors. Plus, more and more content is being produced with multiple languages in a single document, so they need the ability to check all of those languages simultaneously.

Tiny’s Spell Checker Pro automatically highlights words that are misspelled (in up to 13 languages at the same time), and users can select a suggested correction from the context menu.

The TinyMCE WYSIWYG HTML editor is used as the text entry component in 100M+ products worldwide to provide the best content creation experience possible for users. The core TinyMCE editor is free to use, but premium plugins like Spell Checker Pro are also available to add extra value for the enterprise-level experience.

Menus and toolbar options are fully customizable to suit your particular interface requirements.

Start with a free trial

Try TinyMCE + Spell Checker Pro with a 14 day free trial of our Cloud Professional plan.

Spell checkingForms
byBen Long

Computer scientist, storyteller, teacher, and an advocate of TinyMCE. Reminisces about programming on the MicroBee. Writes picture books for kids. Also the wearer of rad shoes. “Science isn’t finished until you share the story.”

Related Articles

  • How-tos & Tutorials

    How to get customer feedback (and what to do with it)

    by Qiran Gabrielle-Grace in How-tos & Tutorials
Subscribe for the latest insights served straight to your inbox every month.

Deploy TinyMCE in just 6 lines of code

Built to scale. Developed in open source. Designed to innovate.

Begin with your FREE API Key
Tiny Editor
Tiny logo
Privacy Policy - Terms of Use© 2021 Tiny Technologies Inc.TinyMCE® and Tiny® are registered trademarks of Tiny Technologies, Inc.

Products

  • TinyMCE
  • Tiny Drive
  • Customer Stories
  • Pricing