Cep telefonu için otomatik olarak büyük harf kullan

Bu özellik var olan en etkileyici özellik gibi görünebilir ama bence herkes mobil cihazlarda yazmayı sevmediği için önemlidir. Android için Chrome'da (Nisan 2015 itibarıyla geçerli olan Chrome 43 öncesi - Beta sürümü), geliştiricinin tarayıcının kullanıcının metin girmesine nasıl yardımcı olabileceğiyle ilgili çok az kontrolü vardır. Bugün bir cihazda yazıyorsanız yazı aşağıdaki gibi görünebilir:

Android'in tanıdığı bazı değerler dışında her şeyin küçük harfle yazıldığına dikkat edin.

Apple, HTMLInputElement ve HTMLTextAreaElement işletim sistemlerinde iOS 5'te otomatik büyük harf adlı bir özelliği kullanıma sundu. Bu özellik, kullanıcının metin girişini optimize etmek için kullanıcının tarayıcının sanal klavyeyi nasıl sunması gerektiği konusunda ipucu vermesine olanak tanıyor. En basit şekliyle, bir metin kutusunda her yeni cümlenin ilk harfini otomatik olarak büyük yazması gerektiğini belirtebilirsiniz.

Chrome 43 sürümünden itibaren Chrome, hem HTMLInputElement hem de HTMLTextAreaElement'da autoCapital özelliğini destekleyecek. Bu özellik, sanal klavyenin otomatik büyük harf kullanımı davranışını kontrol etmenize ve iOS'te Safari ile satır içine getirmenize olanak tanır.

autobüyük harf kullanımı yalnızca type özelliği type="text", type="search", type="url", type="tel", type="email" veya type="password" olarak ayarlanmış HTMLInputElement öğeleri için geçerlidir. Varsayılan ayar, otomatik olarak büyük harf yapılmamasıdır.

Bir metin alanındaki cümleleri otomatik olarak büyük harfle yazmanıza olanak tanıyan basit bir örneği aşağıda bulabilirsiniz:

<textarea autocapitalize="sentences">

Otomatik büyük harf kullanımı hangi değerleri kullanabilir?

Aşağıdaki tabloda, bir giriş öğesinin bulunabileceği farklı durumlar gösterilmektedir:

Eyalet Anahtar kelimeler
<input>
<input autocapitalize=off>
Büyük Harf Kullanımı Yok none [varsayılan]
kapalı
<input autocapitalize=characters> Karakterlerde Büyük Harf Kullanımı karakterler
<input autocapitalize=words> Kelimelerin Büyük Harf Kullanımı kelimelerini
<input autocapitalize=sentences> Cümlelerde Büyük Harf Kullanımı cümleler

HTMLInputElement için öğe türü type=text veya type=search ise varsayılan değer Sentences Capitalization'tır. Aksi takdirde Büyük Harf Kullanımı Yok şeklinde kullanılır.

  • <input autocapitalize="simon">, Cümlelerde Büyük Harf Kullanımı içeren bir metin alanıdır.
  • <input type="email" autocapitalize="simon">, Büyük Harf Kullanımı Yok içeren bir metin alanıdır.
  • <input>, Büyük Harf Kullanımı Yok içeren bir metin alanıdır.

HTMLTextAreaElement için geçersiz değer varsayılanı Cümlelerin Büyük Harf Kullanımı'dır. Bu, varsayılan davranıştan farklı bir davranıştır.

  • <textarea autocapitalize="terry"></textarea>, Cümlelerde Büyük Harf Kullanımı içeren bir metin alanıdır.
  • <textarea></textarea>, Cümlelerde Büyük Harf Kullanımı içeren bir metin alanıdır.
  • <textarea autocapitalize="none"></textarea>, Büyük Harf Kullanımı Yok içeren bir metin alanıdır.

Şu anda sayfalarda nadiren kullanıldığını tespit ettiğimizden HTMLFormElement için bu özelliği uygulamamaya karar verdik. Özellik, kullanıldığında formdaki otomatik büyük harf kullanımını tamamen devre dışı bırakmak için daha sık kullanıldığını tespit ettik.

<form autocapitalize=off><input></form>

HTMLInputElement için varsayılan durum Büyük Harf Kullanımı Yok olduğundan yukarıdaki durum tek sayıdır.

Bunu neden inputmode üzerinden kullanıyorsunuz?

inputmode, diğer özelliklerin yanı sıra aynı tür sorunları çözmek için tasarlanmıştır. Ancak tarayıcı uygulamaları eksiktir. Bildiğimiz kadarıyla yalnızca Firefox OS'ta bir uygulama vardır ve ön eki (x-inputmode) bulunur. Ancak web'de de çok az kullanımı vardır. Öte yandan autocapitalize, halihazırda yüz binlerce web sitesindeki milyonlarca sayfada kullanılıyor.

Bunu ne zaman kullanmalıyım?

Bu, autocapitalize öğesini ne zaman kullanmanız gerektiğine dair kapsamlı bir liste değildir. Ancak kullanıcının metin girmesine yardımcı olmanın önemli faydalar sağladığı bazı yerler vardır:

  • Aşağıdaki durumlarda autocapitalization=words kullanın:
    • İnsanların adlarını bekleme (Not: Tüm adlar bu kurala uymaz ancak Batı isimlerinde büyük harf kullanımı beklendiği gibi otomatik olarak büyük harf yapacaktır)
    • Şirket adları
    • Adresler
  • Aşağıdaki durumlarda autocapitalization=characters kullanın:
    • ABD eyaletleri
    • Birleşik Krallık posta kodları
  • Normal paragraf biçiminde (ör. blog yayını) girilmiş içerik bekliyorsanız giriş öğeleri için sentences kullanın.
  • Etkilenmemesi gereken içerik (örneğin, kod girme) bekliyorsanız TextAreas'te none kullanın.
  • İpucu eklemek istemiyorsanız otomatik büyük harf eklemeyin.