Turn off Chrome/Safari spell checking by HTML/css [duplicate]
Is there a way for a web developer to turn off Chrome/Safari/WebKit's spellchecking on particular input
or textarea
elements? I mean either by special tag attribute or a proprietary CSS instruction.
There is a CSS instruction for turning off outlining of input
s so I thought that might also exist. I know how a user can do it.
Or, as a user, can I disable it for some particular domain?
Yes, there is the HTML5 spellcheck attribute.
<textarea spellcheck="false">
or <input type="text" spellcheck="false">
http://www.whatwg.org/specs/web-apps/current-work/multipage/editing.html#spelling-and-grammar-checking
Update: This is now supported in the latest versions of all browsers.
This works in Safari 7.1 and should work also in others:
<input autocomplete="off" autocorrect="off" autocapitalize="off"
spellcheck="false"/>
Only spellcheck="false"
didn't work.
for all elements of a form it is possible and so:
<form spellcheck="false" .. />
In React, you gotta use spellCheck
instead.
<input spellCheck={false} type="text"/>