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?

— 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

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