HTML / css ile Chrome / Safari yazım denetimini kapatın


126

Bir web geliştiricisinin belirli inputveya textareaöğelerde Chrome / Safari / WebKit'in yazım denetimini kapatmasının bir yolu var mı ? Ya özel etiket niteliği ya da tescilli bir CSS talimatıyla.

Lerin ana hatlarını kapatmak için bir CSS talimatı var, inputbu yüzden bunun da olabileceğini düşündüm. Bir kullanıcının bunu nasıl yapabileceğini biliyorum.

Veya bir kullanıcı olarak belirli bir etki alanı için devre dışı bırakabilir miyim?


3
~ 5 yıl boyunca HTML metin alanlarında yazım denetimini devre dışı bırak'ın tam kopyası . Sanırım moderatörler daha meşru soruları kapatmakla meşguldü.
Dan Dascalescu

Yanıtlar:


211

Evet, HTML5 yazım denetimi özelliği var.

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

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

Güncelleme: Bu artık tüm tarayıcıların en son sürümlerinde desteklenmektedir.


Safari Mobile'da çalışmıyor gibi görünüyor. Yazım denetimini devre dışı bırakmak istediğim bir girişim var ve iPad, yazım denetimi özelliği FALSE olarak ayarlansa bile yazım önerileri getirmeye devam ediyor. :(
ThiagoPXP

Bunu kromda yapmadım android 67: /
Ray Foss

36

Bu, Safari 7.1'de çalışır ve diğerlerinde de çalışmalıdır:

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

Sadece spellcheck="false"işe yaramadı.


7

bir formun tüm öğeleri için mümkündür ve bu nedenle:

<form spellcheck="false" .. />

3

Giriş etiketlerinin ana hatlarıyla ilgili olarak: bunu yapmayın, bu kullanıcılar için görsel bir ipucudur.

Ancak yapmanız gerekiyorsa:

#your-input{outline:none;}

3
Ana hattan kurtuluyorsanız, bunun nedeni genellikle zaten başka görsel ipuçlarına sahip olmanız :focusve ana hatların bunları engellemesidir; :focusvarsayılan olarak bırakmak farklı tarayıcılar arasında süreksizliğe neden olur. stackoverflow.com/questions/71074/… bu durumda da yardımcı olabilir.
Hawken

2
@Hawken Birkaç sitenin görsel ipuçlarını kaldırdığını ve herhangi bir değiştirme sağlamadığını gördüm. Özel ipuçlarında sorun yok, ancak bazılarının olması gerekiyor.
Camilo Martin

1
Soru, yazım denetimi girdinin yanlış yazılmış olduğunu kabul ettiğinde metin kutusunun içindeki dalgalı çizgi hakkındadır, yanılmıyorsam ana hatlarıyla değil. Bununla birlikte, cevabınız bilinmesi iyi bir bilgi.
MrBoJangles

2

React'te spellCheckbunun yerine kullanmalısınız .

<input spellCheck={false} type="text"/>
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.