Matikan pemeriksaan ejaan Chrome / Safari dengan HTML / css

126

Apakah ada cara untuk pengembang web untuk mematikan pemeriksaan ejaan Chrome / Safari / WebKit pada tertentu inputatau textareaunsur-unsur? Maksud saya baik dengan atribut tag khusus atau instruksi CSS berpemilik.

Ada instruksi CSS untuk mematikan garis besar inputjadi saya pikir itu mungkin juga ada. Saya tahu bagaimana pengguna bisa melakukannya.

Atau, sebagai pengguna, dapatkah saya menonaktifkannya untuk beberapa domain tertentu?

html css google-chrome spell-checking Tillda
sumber
3
Duplikat persis dari Nonaktifkan pemeriksaan ejaan pada bidang teks HTML , selama ~ 5 tahun. Sepertinya moderator sibuk menutup pertanyaan yang lebih sah.
Dan Dascalescu

Jawaban:

211

Ya, ada atribut pemeriksa ejaan HTML5.

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

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

Pembaruan: Sekarang ini didukung di versi terbaru dari semua browser.

Gaurav
sumber
Sepertinya tidak berfungsi di Safari Mobile. Saya memiliki masukan yang ingin saya nonaktifkan pemeriksa ejaan dan iPad terus memberikan saran ejaan meskipun atribut pemeriksa ejaan disetel ke FALSE. :(
ThiagoPXP
Tidak melakukannya di chrome android 67: /
Ray Foss
36

Ini berfungsi di Safari 7.1 dan harus berfungsi juga di orang lain:

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

Hanya spellcheck="false"tidak berhasil.

Timo Kähkönen
sumber
7

untuk semua elemen bentuk itu mungkin dan:

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

Mengenai menguraikan tag masukan: jangan lakukan, ini adalah isyarat visual bagi pengguna.

Tetapi jika Anda harus:

#your-input{outline:none;}
Camilo Martin
sumber
3
Jika Anda menghilangkan garis besarnya, biasanya karena Anda sudah memiliki petunjuk visual lain :focusdan garis itu mengganggu mereka; meninggalkan :focussebagai default menyebabkan diskontinuitas antara browser yang berbeda. stackoverflow.com/questions/71074/… mungkin juga membantu dalam kasus ini.
Hawken
2
@Hawken Saya telah melihat beberapa situs menghapus isyarat visual dan tidak memberikan penggantinya. Saya baik-baik saja dengan isyarat khusus, tetapi harus ada beberapa.
Camilo Martin
1
Pertanyaannya adalah tentang garis berlekuk-lekuk di dalam kotak teks ketika pemeriksa ejaan menganggap masukan salah eja, bukan garis besarnya, jika saya tidak salah. Karena itu, jawaban Anda adalah info yang perlu diketahui.
MrBoJangles
2

Di React, Anda harus menggunakan spellChecksebagai gantinya.

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