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.