Desativar a verificação ortográfica do Chrome / Safari por HTML / css

126

Existe uma maneira para um desenvolvedor web para desligar a verificação ortográfica Chrome / Safari / WebKit em particular, inputou textareaelementos? Quero dizer, por atributo de tag especial ou por uma instrução CSS proprietária.

Há uma instrução CSS para desativar o contorno de inputs, então pensei que isso também poderia existir. Eu sei como um usuário pode fazer isso.

Ou, como usuário, posso desativá-lo para algum domínio específico?

html css google-chrome spell-checking tillda
fonte
3
Duplicata exata de Desativar verificação ortográfica em campos de texto HTML , por ~ 5 anos. Acho que os moderadores estavam ocupados fechando mais perguntas legítimas.
Dan Dascalescu 07/07

Respostas:

211

Sim, existe o atributo de verificação ortográfica HTML5.

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

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

Atualização: isso agora é suportado nas versões mais recentes de todos os navegadores.

Gaurav
fonte
Parece não funcionar no Safari Mobile. Tenho uma entrada que desejo desativar a verificação ortográfica e o iPad continua apresentando sugestões de ortografia, mesmo que a verificação ortográfica do atributo esteja definida como FALSE. :(
ThiagoPXP
Não o fiz no chrome android 67: /
Ray Foss
36

Isso funciona no Safari 7.1 e deve funcionar também em outros:

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

Só spellcheck="false"não funcionou.

Timo Kähkönen
fonte
7

para todos os elementos de um formulário, é possível e assim:

<form spellcheck="false" .. />
MTM
fonte
3

Em relação ao esboço das tags de entrada: não faça isso, é uma dica visual para os usuários.

Mas se você deve:

#your-input{outline:none;}
Camilo Martin
fonte
3
Se você está se livrando do contorno, geralmente é porque você já possui outras dicas visuais :focuse o contorno está interferindo com elas; deixar :focuscomo padrão causa descontinuidade entre diferentes navegadores. stackoverflow.com/questions/71074/… também pode ser útil nesse caso.
Hawken
2
@ Hawken Eu já vi vários sites removerem pistas visuais e não fornecerem nenhuma substituição. Eu estou bem com sugestões personalizadas, mas tem que haver algumas.
Camilo Martin
1
A pergunta é sobre a linha ondulada dentro da caixa de texto quando a verificação ortográfica considera a entrada com erros de ortografia, não o contorno, se não me engano. Dito isto, sua resposta é informações úteis.
MrBoJangles
2

Em React, você precisa usar spellCheck.

<input spellCheck={false} type="text"/>
Paul Razvan Berg
fonte