Deaktivieren Sie die Rechtschreibprüfung für Chrome / Safari per HTML / CSS

126

Gibt es eine Möglichkeit für einen Webentwickler , die Rechtschreibprüfung für bestimmte Elemente inputoder textareaElemente von Chrome / Safari / WebKit zu deaktivieren ? Ich meine entweder mit einem speziellen Tag-Attribut oder einer proprietären CSS-Anweisung.

Es gibt eine CSS-Anweisung zum Deaktivieren der Gliederung von inputs, daher dachte ich, dass diese möglicherweise auch vorhanden ist. Ich weiß, wie ein Benutzer das machen kann.

Oder kann ich es als Benutzer für eine bestimmte Domain deaktivieren?

html css google-chrome spell-checking tillda
quelle
3
Exaktes Duplikat von Rechtschreibprüfung in HTML-Textfeldern deaktivieren für ~ 5 Jahre. Vermutlich waren die Moderatoren damit beschäftigt, legitimere Fragen zu schließen.
Dan Dascalescu

Antworten:

211

Ja, es gibt das HTML5-Rechtschreibprüfungsattribut.

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

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

Update: Dies wird jetzt in den neuesten Versionen aller Browser unterstützt.

Gaurav
quelle
Auf Safari Mobile scheint es nicht zu funktionieren. Ich habe eine Eingabe, mit der ich die Rechtschreibprüfung deaktivieren möchte, und das iPad bringt weiterhin Rechtschreibvorschläge, obwohl die Attribut-Rechtschreibprüfung auf FALSE gesetzt ist. :(
ThiagoPXP
Hat es nicht in Chrome Android 67 gemacht: /
Ray Foss
36

Dies funktioniert in Safari 7.1 und sollte auch in anderen funktionieren:

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

Nur spellcheck="false"hat nicht funktioniert.

Timo Kähkönen
quelle
7

Für alle Elemente eines Formulars ist es möglich und so:

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

In Bezug auf die Gliederung von Eingabe-Tags: Tun Sie es nicht, es ist ein visueller Hinweis für Benutzer.

Aber wenn Sie müssen:

#your-input{outline:none;}
Camilo Martin
quelle
3
Wenn Sie die Gliederung entfernen, liegt dies normalerweise daran, dass Sie bereits andere visuelle Hinweise haben :focusund die Gliederung sie stört. Wenn Sie die :focusStandardeinstellung beibehalten, wird die Diskontinuität zwischen verschiedenen Browsern unterbrochen. In diesem Fall kann auch stackoverflow.com/questions/71074/… hilfreich sein.
Hawken
2
@ Hawken Ich habe gesehen, dass mehrere Websites visuelle Hinweise entfernen und keinen Ersatz bieten. Ich bin mit benutzerdefinierten Hinweisen einverstanden, aber es muss einige geben.
Camilo Martin
1
Die Frage bezieht sich auf die verschnörkelte Linie im Textfeld, wenn die Rechtschreibprüfung die Eingabe als falsch geschrieben und nicht als Umriss erachtet, wenn ich mich nicht irre. Ihre Antwort sind jedoch gut zu wissende Informationen.
MrBoJangles
2

In React musst du spellCheckstattdessen verwenden.

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