Disabilita il controllo ortografico nei campi di testo HTML


287

Posso in qualche modo disabilitare il controllo ortografico nei campi di testo HTML (come ad esempio Safari)?

Risposte:


420

Aggiornamento : come suggerito da un commentatore (credito aggiuntivo a Come posso disabilitare il controllo ortografico sugli input di testo su iPhone ), utilizzalo per gestire tutti i browser desktop e mobili.

<tag autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"/>

Risposta originale: Javascript non può sovrascrivere le impostazioni dell'utente, quindi a meno che non si utilizzi un altro meccanismo diverso dai campi di testo, ciò non è (o non dovrebbe essere) possibile.


4
perché è stato accettato? non ha senso perché può ignorare le impostazioni dell'utente se il browser lo consente. vedi la risposta di ms2ger.
usr

1
Solo perché era la risposta migliore al momento. Immagino che Michiel non sia tornato indietro e abbia segnato l'altro come corretto. Per me andrebbe bene dato che è una risposta migliore.
Eric Wendelin,

2
Importante notare la compatibilità del browser - Mobile Safari (iOS), ad esempio, non rispetta il tag - wufoo.com/html5/attributes/17-spellcheck.html
radicand

3
stackoverflow.com/questions/3416867/… ha la risposta corretta a questa ( autocorrect="off") per Mobile Safari - spellcheck=non funziona
Chris S

1
dovrebbe essere autoComplete = "off" autoCorrect = "off" autoCapitalize = "off" spellCheck = "false"
zaman

208

Sì, utilizzare spellcheck="false", come definito da HTML5 , ad esempio:

<textarea spellcheck="false">
    ...
</textarea>

1
MDN ha una tabella che mostra il valore predefinito di controllo ortografico per diversi browser ed elementi: developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/…
Paul

2
Ricevo un errore "Controllo ortografico della proprietà DOM sconosciuto. Intendevi spellCheck?" L'uso spellChecksembra soddisfarlo. Potrebbe essere solo una cosa da reagire.
Shanimal,

3
@Shanimal Sì, reagisce usa la custodia del cammello per gli attributi DOM. Vedi Reactjs.org/docs/introducing-jsx.html
Sookie,

13

Per Grammarly puoi usare:

<textarea data-gramm="false" />

7

Un IFrame "attiverà" il controllo ortografico (se il contenuto è modificabile impostato su true) proprio come un campo di testo, almeno in Chrome.


1
+1 per il trucco "modificabile dal contenuto impostato su vero" che è il vero trucco
AT

4

I seguenti frammento di codice disabilita per tutti textareae input[type=text]gli elementi:

(function () {
    function disableSpellCheck() {
        let selector = 'input[type=text], textarea';
        let textFields = document.querySelectorAll(selector);

        textFields.forEach(
            function (field, _currentIndex, _listObj) {
                field.spellcheck = false;
            }
        );
    }

    disableSpellCheck();
})();
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.