Disable spell-checking on HTML textfields

Question

Can I somehow disable spell-checking on HTML textfields  as seen in e g  Safari

User · Answer

Yes  use spellcheck  false   as defined by HTML5  for example    lt textarea spellcheck  false  gt           lt  textarea gt

User · Answer

The following code snippet disables it for all textarea and input type text  elements    function          function disableSpellCheck             let selector    input type text   textarea           let textFields   document querySelectorAll selector            textFields forEach              function  field   currentIndex   listObj                    field spellcheck   false                                      disableSpellCheck

User · Answer

For Grammarly you can use    lt textarea data-gramm  false    gt

User · Answer

For Grammarly you can use    lt textarea data-gramm  false    gt

User · Answer

Yes  use spellcheck  false   as defined by HTML5  for example    lt textarea spellcheck  false  gt           lt  textarea gt

User · Answer

The following code snippet disables it for all textarea and input type text  elements    function          function disableSpellCheck             let selector    input type text   textarea           let textFields   document querySelectorAll selector            textFields forEach              function  field   currentIndex   listObj                    field spellcheck   false                                      disableSpellCheck

User · Answer

Update  As suggested by a commenter  additional credit to How can I disable the spell checker on text inputs on the iPhone   use this to handle all desktop and mobile browsers    lt tag autocomplete  off  autocorrect  off  autocapitalize  off  spellcheck  false   gt    Original answer  Javascript cannot override user settings  so unless you use another mechanism other than textfields  this is not  or shouldn t be  possible

User · Answer

Update  As suggested by a commenter  additional credit to How can I disable the spell checker on text inputs on the iPhone   use this to handle all desktop and mobile browsers    lt tag autocomplete  off  autocorrect  off  autocapitalize  off  spellcheck  false   gt    Original answer  Javascript cannot override user settings  so unless you use another mechanism other than textfields  this is not  or shouldn t be  possible

User · Answer

While specifying spellcheck  quot false quot  in the  lt  tag  gt  will certainly disable that feature  it s handy to be able to toggle that functionality on and off as needed after the page has loaded  So here s a non-jQuery way to set the spellcheck attribute programmatically     lt textarea id  quot my-ta quot  spellcheck  quot whatever quot  gt abcd dcba lt  textarea gt     function setSpellCheck  mode         var myTextArea   document getElementById   quot my-ta quot              myTextAreaValue   myTextArea value           myTextArea value           myTextArea setAttribute   quot spellcheck quot   String  mode          myTextArea value   myTextAreaValue      myTextArea focus         setSpellCheck  true    setSpellCheck   false      The function argument may be either boolean or string  No need to loop through the textarea contents  we just cut  n paste what s there  and then set focus  Tested in blink engines  Chrome ium   Edge  etc

User · Answer

Update  As suggested by a commenter  additional credit to How can I disable the spell checker on text inputs on the iPhone   use this to handle all desktop and mobile browsers    lt tag autocomplete  off  autocorrect  off  autocapitalize  off  spellcheck  false   gt    Original answer  Javascript cannot override user settings  so unless you use another mechanism other than textfields  this is not  or shouldn t be  possible

User · Answer

An IFrame WILL  trigger  the spell checker  if it has content-editable set to true  just as a textfield  at least in Chrome

User · Answer

If you have created your HTML element dynamically  you ll want to disable the attribute via JS  There is a little trap however  When setting elem contentEditable you can use either the boolean false or the string  quot false quot   But when you set elem spellcheck  you can only use the boolean - for some reason  Your options are thus  elem spellcheck   false   Or the option Mac provided in his answer  elem setAttribute  quot spellcheck quot    quot false quot       Both string and boolean work here

User · Answer

An IFrame WILL  trigger  the spell checker  if it has content-editable set to true  just as a textfield  at least in Chrome

User · Answer

While specifying spellcheck  quot false quot  in the  lt  tag  gt  will certainly disable that feature  it s handy to be able to toggle that functionality on and off as needed after the page has loaded  So here s a non-jQuery way to set the spellcheck attribute programmatically     lt textarea id  quot my-ta quot  spellcheck  quot whatever quot  gt abcd dcba lt  textarea gt     function setSpellCheck  mode         var myTextArea   document getElementById   quot my-ta quot              myTextAreaValue   myTextArea value           myTextArea value           myTextArea setAttribute   quot spellcheck quot   String  mode          myTextArea value   myTextAreaValue      myTextArea focus         setSpellCheck  true    setSpellCheck   false      The function argument may be either boolean or string  No need to loop through the textarea contents  we just cut  n paste what s there  and then set focus  Tested in blink engines  Chrome ium   Edge  etc

User · Answer

Update  As suggested by a commenter  additional credit to How can I disable the spell checker on text inputs on the iPhone   use this to handle all desktop and mobile browsers    lt tag autocomplete  off  autocorrect  off  autocapitalize  off  spellcheck  false   gt    Original answer  Javascript cannot override user settings  so unless you use another mechanism other than textfields  this is not  or shouldn t be  possible

User · Answer

If you have created your HTML element dynamically  you ll want to disable the attribute via JS  There is a little trap however  When setting elem contentEditable you can use either the boolean false or the string  quot false quot   But when you set elem spellcheck  you can only use the boolean - for some reason  Your options are thus  elem spellcheck   false   Or the option Mac provided in his answer  elem setAttribute  quot spellcheck quot    quot false quot       Both string and boolean work here

[html] Disable spell-checking on HTML textfields

Examples related to html

Examples related to forms