Wyłącz sprawdzanie pisowni w Chrome / Safari przez HTML / CSS

126

Czy istnieje sposób, aby programista internetowy mógł wyłączyć sprawdzanie pisowni w Chrome / Safari / WebKit w określonych inputlub textareaelementach? Mam na myśli albo specjalny atrybut tagu, albo zastrzeżoną instrukcję CSS.

Istnieje instrukcja CSS dotycząca wyłączania konspektu inputs, więc pomyślałem, że może również istnieć. Wiem, jak użytkownik może to zrobić.

Lub, jako użytkownik, czy mogę wyłączyć to dla określonej domeny?

tillda
źródło
3
Dokładny duplikat Wyłącz sprawdzanie pisowni w polach tekstowych HTML na ~ 5 lat. Moderatorzy Guess byli zajęci zamykaniem bardziej uzasadnionych pytań.
Dan Dascalescu

Odpowiedzi:

211

Tak, istnieje atrybut sprawdzania pisowni HTML5.

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

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

Aktualizacja: jest teraz obsługiwana w najnowszych wersjach wszystkich przeglądarek.

Gaurav
źródło
Wygląda na to, że nie działa w Safari Mobile. Mam dane wejściowe, które chcę wyłączyć sprawdzanie pisowni, a iPad nadal wyświetla sugestie pisowni, mimo że atrybut sprawdzania pisowni jest ustawiony na FALSE. :(
ThiagoPXP
Nie zrobiłem tego w chrome android 67: /
Ray Foss
36

Działa to w Safari 7.1 i powinno działać również w innych:

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

Tylko spellcheck="false"nie zadziałało.

Timo Kähkönen
źródło
7

dla wszystkich elementów formularza jest to możliwe i tak:

<form spellcheck="false" .. />
MTM
źródło
3

Odnośnie konspektu tagów wejściowych: nie rób tego, to wizualna wskazówka dla użytkowników.

Ale jeśli musisz:

#your-input{outline:none;}
Camilo Martin
źródło
3
Jeśli pozbywasz się konturu, zwykle dzieje się tak, ponieważ masz już inne wizualne wskazówki :focusi kontur im przeszkadza; pozostawienie wartości :focusdomyślnej powoduje nieciągłość między różnymi przeglądarkami. stackoverflow.com/questions/71074/… również może być pomocny w tym przypadku.
Hawken,
2
@Hawken Widziałem, że kilka witryn usuwa wskazówki wizualne i nie zapewnia ich zastępstwa. Nie mam nic przeciwko niestandardowym wskazówkom, ale muszą być.
Camilo Martin
1
Pytanie dotyczy falistej linii wewnątrz pola tekstowego, gdy sprawdzanie pisowni wskazuje, że dane wejściowe są błędnie wpisane, a nie kontur, jeśli się nie mylę. To powiedziawszy, Twoja odpowiedź to dobrze wiedzieć.
MrBoJangles
2

W React spellCheckzamiast tego musisz użyć .

<input spellCheck={false} type="text"/>
Paul Razvan Berg
źródło