Türkiye’ye özgü form · National identity number input

T.C. kimlik numarası girişi TR

11 haneli T.C. kimlik numarasını alır, biçimini denetler ve sağlama toplamını doğrular.

CSS: kararlı
JavaScript: doğrulama
React: kararlı
Vue: kararlı

Örnekler

Temel Canlı örnek

T.C. kimlik numaranız

Nüfus cüzdanınızın ön yüzünde yazan 11 haneli numara.

HTML kodunu göster

<div class="trds-alan" data-trds="kimlik-no" data-zorunlu>
  <label class="trds-etiket" for="tckn">T.C. kimlik numaranız</label>
  <p class="trds-yardim" id="tckn-yardim">Nüfus cüzdanınızın ön yüzünde yazan 11 haneli numara.</p>
  <p class="trds-hata" data-trds-hata hidden></p>
  <input class="trds-girdi trds-girdi--11" id="tckn" name="tckn" type="text"
         inputmode="numeric" maxlength="11" autocomplete="off"
         aria-describedby="tckn-yardim tckn-sayac">
  <p class="trds-sayac" id="tckn-sayac" data-trds-sayac aria-live="off"></p>
</div>

Yabancı kimlik numarası da kabul eder Canlı örnek

Kimlik numaranız

T.C. vatandaşı iseniz 11 haneli T.C. kimlik numaranızı, değilseniz 99 ile başlayan yabancı kimlik numaranızı yazın.

HTML kodunu göster

<div class="trds-alan" data-trds="kimlik-no" data-ykn="acik">
  <label class="trds-etiket" for="kn">Kimlik numaranız</label>
  <p class="trds-yardim" id="kn-yardim">T.C. vatandaşı iseniz 11 haneli T.C. kimlik numaranızı, değilseniz 99 ile başlayan yabancı kimlik numaranızı yazın.</p>
  <p class="trds-hata" data-trds-hata hidden></p>
  <input class="trds-girdi trds-girdi--11" id="kn" name="kn" type="text" inputmode="numeric" maxlength="11" autocomplete="off" aria-describedby="kn-yardim kn-sayac">
  <p class="trds-sayac" id="kn-sayac" data-trds-sayac aria-live="off"></p>
</div>

Ne zaman kullanılır

Kimlik doğrulaması yasal olarak gerekiyorsa kullanın. Gerekmiyorsa istemeyin.
Yabancı kimlik numarası da kabul edilecekse data-ykn="acik" ekleyin.
Numarayı asla adres satırında veya sorgu dizesinde taşımayın.

Erişilebilirlik

inputmode="numeric" ile telefonda sayı klavyesi açılır.
autocomplete kapalıdır. Tarayıcı bu değeri saklamamalıdır.
Parola alanı değildir. Değeri yıldızla gizlemeyin. Kullanıcı yazdığını görür.
Yazarken altta bir sayaç ilerler: "7 / 11 hane". Son iki hanede duyurulur.
Alandan çıkınca hane sayısı ve sağlama toplamı denetlenir. Hata ne olduğunu söyler: "11 hane olmalıdır. 7 hane girdiniz."
data-zorunlu ile boş bırakılan alan da hata alır. Aksi hâlde boş alan sessizdir ve zorunluluğu sunucu denetler.

Karşılanan WCAG 2.2 ölçütleri 1.3.5 3.3.1 3.3.3

Neden bu bileşen var

Kimlik numarasının hane sayısını ve sağlama toplamını denetler. Bu kontrol, numaranın gerçek bir kişiye ait olduğunu doğrulamaz.

Kaynak

Bu bileşenin karşılığı hiçbir yabancı tasarım sisteminde yok.