Türkiye’ye özgü form · Tax number input

Vergi kimlik numarası girişi TR

10 haneli vergi kimlik numarasını alır ve sağlama toplamını doğrular.

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

Örnekler

Temel Canlı örnek

Vergi kimlik numarası

HTML kodunu göster

<div class="kiris-alan" data-kiris="vergi-no">
  <label class="kiris-etiket" for="vkn">Vergi kimlik numarası</label>
  <p class="kiris-hata" data-kiris-hata hidden></p>
  <input class="kiris-girdi kiris-girdi--10" id="vkn" name="vkn" type="text" inputmode="numeric" maxlength="10" autocomplete="off" aria-describedby="vkn-sayac">
  <p class="kiris-sayac" id="vkn-sayac" data-kiris-sayac aria-live="off"></p>
</div>

Ne zaman kullanılır

Kurumsal başvurularda kullanın.
Gerçek kişi için T.C. kimlik numarası alanını kullanın.

Erişilebilirlik

inputmode="numeric" kullanılır.
Hata metni hangi haneye bakılacağını söylemez, yalnız numarayı kontrol etmeyi ister.

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

Neden bu bileşen var

Kurumsal hizmetlerin tamamı bu numarayı ister. Sağlama algoritması tek bir yerde durmalıdır.

Kaynak

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

Bu bileşenin kodu depoda:

Kayıt defteri tanımı, adı, özeti, kullanım kuralı ve örnekleri
CSS katmanları, kiris-vergi-no ile başlayan sınıflar
Davranış betiği, data-kiris="vergi-no" başlatıcısı