HTML spellcheck Global Attribute

Description

The spellcheck global attribute is a boolean attribute that specifies whether the element should be checked for spelling errors. It can take the values true or false. If the attribute is not present, its default value is element-type and browser-defined.

The spellcheck global attribute can be used on any HTML element, but it is most commonly used on editable elements, such as <input>, <textarea>, and <contentEditable> elements. When the spellcheck attribute is set to true, the browser will check the spelling of the text in the element as it is being typed. If the browser finds a misspelled word, it will typically underline it with a red line.

The spellcheck global attribute is a hint to the browser, not a requirement. Browsers are not required to check for spelling errors, and they may not do so for all elements. For example, browsers typically do not check for spelling errors in non-editable elements, such as <p> and <div> elements.

Here is an example of how to use the spellcheck global attribute:

<input type="text" spellcheck="true">

This will create a text input field where the browser will check the spelling of the text as it is being typed.

The spellcheck global attribute can be used to improve the accessibility of your web pages. By enabling spell checking, you can help users with disabilities, such as dyslexia, to write error-free text.

Syntax

<element spellcheck="true | false">

Values

trueTells the browser to check the spelling and grammar in the text of the element.
falseTells the browser that the spelling and grammar in the text of the element should not be checked.

Example

HTML

<p contenteditable="true" spellcheck="true">Edit this paragraph. Errors will be displayed.</p> 

<p contenteditable="true" spellcheck="false">Edit this paragraph. Errors will not be displayed.</p>

Result