Enable Spell Checking With HTML Only

Definition and Usage

The spellcheck attribute specifies whether the element is to have its spelling and grammar checked or not.

<input
  contenteditable
  type="text"
  spellcheck="true | false"
  placeholder="Lorem isump"
/>

• contenteditable: It is an attribute that describes if the content of an element is editable or not.

• spellcheck: It is an attribute which informs the browser whether the element have its grammar and spelling checked or not.

Important Note : shorthand is not allowed:

<!-- Shorthand is not allowed -->
<input type="text" spellcheck placeholder="Lorem isump" />

Browser Compatibility

According to caniuse, the attribute is available in 98.95% of browsers.

Hopefully, it will improve the User Experience.

Happy coding!