HTML5 Spellcheck özniteliği

Tarayıcıların bazı özellikleri bazı projelerimizde sorunlara neden olabiliyor. Bunlardan birisi de tarayıcıların dil hatalarını algılayıp sorunlu gördüklerinin altını çizmesi.

Bu özelliği kapatma kodunun olduğunu bilmiyordum. Dün araştırınca kapatmak için bir HTML özniteliği olduğunu öğrendim.

Bir örnek yapalım. İlgili paragrafa fare imleci ile tıkladığımızda ilk paragrafta hataları gösterirken ikinci pragrafta göstermiyor.

Çok basit bir öznitelik eklemesi ile yapabiliyoruz bu işi spellcheck="true" kontrolü aktifleştiriyor. spellcheck="flase" pasifleştiriyor.

ìnput ve textareagibi giriş yapılan alanlarda uygulandığı gibi. contenteditable özniteliği uygulanmış alanlarda da çalışıyor.

Tarayıcı desteği de iyi. Tüm tarayıcılar destekliyor. Benim testlerimde Firefox tüm alanlarda false gibi davranıyor.

Kaynaklar

• https://blog.whatwg.org/the-road-to-html-5-spellchecking#detection{:target='_blank'}
• https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/spellcheck{:target='_blank'}
• https://caniuse.com/#feat=spellcheck-attribute{:target='_blank'}
• https://davidwalsh.name/demo/spellcheck.php{:target='_blank'}