Türkiye’ye özgü form · Address
Adres TR
İl, ilçe ve mahalle alanlarını birbirine bağlar, sonra açık adresi alır.
- CSS
- kararlı
- JavaScript
- bağlı listeler
- React
- kararlı
- Vue
- kararlı
Örnekler
HTML kodunu göster
<fieldset class="trds-alan-grubu" data-trds="adres">
<legend class="trds-baslik-legend">Tebligat adresiniz</legend>
<div class="trds-alan">
<label class="trds-etiket" for="a-il">İl</label>
<select class="trds-secim" id="a-il" name="il" data-adres="il"><option value="">Seçiniz</option></select>
</div>
<div class="trds-alan">
<label class="trds-etiket" for="a-ilce">İlçe</label>
<select class="trds-secim" id="a-ilce" name="ilce" data-adres="ilce"><option value="">Önce il seçiniz</option></select>
</div>
<div class="trds-alan">
<label class="trds-etiket" for="a-acik">Açık adres</label>
<p class="trds-yardim" id="a-acik-yardim">Mahalle, cadde veya sokak, bina no ve daire no.</p>
<textarea class="trds-metin-alani" id="a-acik" name="acik_adres" rows="3" aria-describedby="a-acik-yardim"></textarea>
</div>
<div class="trds-alan">
<label class="trds-etiket" for="a-posta">Posta kodu <span class="trds-etiket__istege-bagli">(isteğe bağlı)</span></label>
<input class="trds-girdi trds-girdi--5" id="a-posta" name="posta_kodu" type="text" inputmode="numeric" maxlength="5" autocomplete="postal-code">
</div>
</fieldset>
Ne zaman kullanılır
- Tebligat adresi veya ikametgâh adresi isterken kullanın.
- Adres kayıt sistemine bağlanabiliyorsanız bağlanın. Bağlanamıyorsanız serbest metin verin.
Erişilebilirlik
- İlçe listesi il seçilmeden devre dışı kalmaz. Boş kalır ve durum duyurulur.
- Liste yüklenirken
aria-busy="true"kullanılır. - Sokak adı olmayan adresler için serbest metin alanı her zaman bulunur.
- Posta kodu zorunlu değildir. Çok sayıda adreste bilinmez.
Karşılanan WCAG 2.2 ölçütleri 1.3.13.3.24.1.3
Neden bu bileşen var
Türk adresi il, ilçe, mahalle, cadde veya sokak, bina no ve daire no olarak yapılır. Bu yapı hiçbir yabancı adres bileşenine uymaz.
Kaynak
Benzer bir bileşen şu ülkelerin tasarım sistemlerinde de var: UK.