Desactiva la corrección ortográfica de Chrome / Safari por HTML / css

126

¿Hay alguna forma para que un desarrollador web desactive el corrector ortográfico de Chrome / Safari / WebKit en particular inputo textareaelementos? Me refiero ya sea por un atributo de etiqueta especial o una instrucción CSS propietaria.

Hay una instrucción CSS para desactivar la descripción de inputs, así que pensé que también podría existir. Sé cómo puede hacerlo un usuario.

O, como usuario, ¿puedo desactivarlo para algún dominio en particular?

html css google-chrome spell-checking tillda
fuente
3
Duplicado exacto de Desactivar la corrección ortográfica en los campos de texto HTML , durante ~ 5 años. Los moderadores de Guess estaban ocupados cerrando preguntas más legítimas.
Dan Dascalescu

Respuestas:

211

Sí, existe el atributo de corrección ortográfica de 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

Actualización: ahora es compatible con las últimas versiones de todos los navegadores.

Gaurav
fuente
No parece funcionar en Safari Mobile. Tengo una entrada que quiero deshabilitar el corrector ortográfico y el iPad sigue trayendo sugerencias de ortografía a pesar de que el corrector ortográfico de atributos está configurado en FALSO. :(
ThiagoPXP
No lo hice en Android Chrome 67: /
Ray Foss
36

Esto funciona en Safari 7.1 y debería funcionar también en otros:

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

Solo spellcheck="false"que no funcionó.

Timo Kähkönen
fuente
7

para todos los elementos de una forma es posible y así:

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

En cuanto a la descripción de las etiquetas de entrada: no lo hagas, es una señal visual para los usuarios.

Pero si debes:

#your-input{outline:none;}
Camilo Martin
fuente
3
Si se está deshaciendo del esquema, generalmente es porque ya tiene otras señales visuales establecidas :focusy el esquema está interfiriendo con ellas; dejar el :focusvalor predeterminado provoca la discontinuidad entre los diferentes navegadores. stackoverflow.com/questions/71074/… también puede ser útil en este caso.
Hawken
2
@Hawken He visto que varios sitios eliminan las señales visuales y no proporcionan ningún reemplazo. Estoy de acuerdo con las señales personalizadas, pero tiene que haber algunas.
Camilo Martin
1
La pregunta es sobre la línea ondulada dentro del cuadro de texto cuando el corrector ortográfico considera que la entrada está mal escrita, no el contorno, si no me equivoco. Dicho esto, su respuesta es información de buena información.
MrBoJangles
2

En React, debes usarlo spellChecken su lugar.

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