Türkiye’ye özgü form · Licence plate input

Plaka girişi TR

Türk araç plakasını alır, büyük harfe çevirir ve biçimini denetler.

CSS: kararlı
JavaScript: biçimlendirme
React: kararlı
Vue: kararlı

Örnekler

Temel Canlı örnek

Araç plakası

Örnek: 34 ABC 123

HTML kodunu göster

<div class="kiris-alan" data-kiris="plaka">
  <label class="kiris-etiket" for="plaka">Araç plakası</label>
  <p class="kiris-yardim" id="plaka-yardim">Örnek: 34 ABC 123</p>
  <p class="kiris-hata" data-kiris-hata hidden></p>
  <input class="kiris-girdi kiris-girdi--plaka" id="plaka" name="plaka" type="text" autocomplete="off" spellcheck="false" aria-describedby="plaka-yardim">
</div>

Ne zaman kullanılır

Trafik cezası sorgusu, muayene randevusu veya araç işlemlerinde kullanın.

Erişilebilirlik

Büyük harfe çevirme Türkçe kuralına göre yapılır. "i" harfi "İ" olur.
Boşluklu ve boşluksuz yazım kabul edilir.
Alan görsel olarak plakaya benzetilir ama bu bir süs değildir, tanımayı kolaylaştırır.

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

Neden bu bileşen var

Türkçe büyük harf kuralı burada gerçek bir hata kaynağıdır. toUpperCase() ile "34 iz 1234" plakası "34 IZ 1234" olur ve yanlış plaka sorgulanır. Kiriş bu dönüşümü Türkçe kuralına göre yapar.

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-plaka-girisi ile başlayan sınıflar
Davranış betiği, data-kiris="plaka" başlatıcısı