HTML5 – How to Disable Spell Check & Remove Red Line Below Text?

It is good to know about spell mistakes realtime as we type in case of global languages like English, but when we type in other regional languages auto spell check comes to the rescue even if not required.

Here we will discuss how to disable red line or spell check feature on a text area or input fields.

HTML spellcheck Attribute

In Textarea, Input fields or Content Editable, we can add spellcheck attribute with value true or false. 

spellcheck=”true”: Will check Spelling Error and show a red underline when a field is in focus

spellcheck=”false”: Will NOT check Spelling Error and will NOT show a red underline when a field is in focus.

Input with Spell Check: <input type="text" name="fname" spellcheck="true" value="jsdghf  ksdfhjksd fksdfh car text sample sampel"><br><br>

Input without Spell Check: <input type="text" name="fname" spellcheck="false" value="jsdghf  ksdfhjksd fksdfh car text sample sampel"><br><br>

TextArea with Spell Check: <textarea spellcheck="true">jsdghf  ksdfhjksd fksdfh car text sample sampel</textarea><br><br>

TextArea with Spell Check: <textarea spellcheck="false">jsdghf  ksdfhjksd fksdfh car text sample sampel</textarea><br><br>

Content Editable with Spell Check: <p contenteditable="true" spellcheck="true">jsdghf  ksdfhjksd fksdfh car text sample sampel</p><br><br>

Content Editable without Spell Check: <p contenteditable="true" spellcheck="false">jsdghf  ksdfhjksd fksdfh car text sample sampel</p><br><br>