Disattiva il controllo ortografico di Chrome / Safari tramite HTML / CSS

126

Esiste un modo per uno sviluppatore web di disattivare il controllo ortografico di Chrome / Safari / WebKit su particolari inputo textareaelementi? Intendo o per attributo tag speciale o un'istruzione CSS proprietaria.

Esiste un'istruzione CSS per disattivare la definizione di inputs, quindi ho pensato che potesse anche esistere. So come un utente può farlo.

Oppure, come utente, posso disabilitarlo per un determinato dominio?

— tillda
fonte

3

Esatto duplicato di Disabilita il controllo ortografico nei campi di testo HTML , per ~ 5 anni. Suppongo che i moderatori fossero impegnati a porre domande più legittime.

— Dan Dascalescu,

211

Sì, c'è l'attributo controllo ortografico HTML5.

<textarea spellcheck="false"> o <input type="text" spellcheck="false">

http://www.whatwg.org/specs/web-apps/current-work/multipage/editing.html#spelling-and-grammar-checking

Aggiornamento: ora è supportato nelle ultime versioni di tutti i browser.

— Gaurav
fonte

Non sembra funzionare su Safari Mobile. Ho un input che desidero disabilitare il controllo ortografico e l'iPad continua a fornire suggerimenti ortografici anche se l'attributo controllo ortografico è impostato su FALSE. :(

— ThiagoPXP il

Non l'ho fatto in Chrome Android 67: /

— Ray Foss il

36

Funziona in Safari 7.1 e dovrebbe funzionare anche in altri:

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

Solo spellcheck="false"non ha funzionato.

— Timo Kähkönen
fonte

7

per tutti gli elementi di una forma è possibile e quindi:

<form spellcheck="false" .. />

— MTM
fonte

3

Per quanto riguarda la definizione dei tag di input: non farlo, è un segnale visivo per gli utenti.

Ma se devi:

#your-input{outline:none;}

— Camilo Martin
fonte

3

Se ti stai sbarazzando del contorno è di solito perché hai già altri segnali visivi in atto :focuse il contorno sta interferendo con loro; lasciare l' :focusimpostazione predefinita causa discontinuità tra browser diversi. stackoverflow.com/questions/71074/… può anche essere utile in questo caso.

— Hawken,

2

@Hawken Ho visto diversi siti rimuovere i segnali visivi e non fornire alcuna sostituzione. Sto bene con suggerimenti personalizzati, ma ci devono essere alcuni.

— Camilo Martin,

1

La domanda riguarda la linea ondulata all'interno della casella di testo quando il controllo ortografico considera l'input errato, non il contorno, se non sbaglio. Detto questo, la tua risposta è informazioni utili.

— MrBoJangles, l'

2

In React, devi usare spellCheckinvece.

<input spellCheck={false} type="text"/>

— Paul Razvan Berg
fonte