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>
Thank you very much! I was looking for the solution for my application a long time, you saved me! thank you!