Form · URL input

Web adresi girişi

Web adresi için tek satırlık alan. Telefonda nokta ve eğik çizgi tuşlu klavye açılır.

CSS: kararlı
JavaScript: gerekmiyor
React: kararlı
Vue: kararlı

Örnekler

Temel Canlı örnek

Kurumunuzun web sitesi

Örnek: ornek.com.tr

HTML kodunu göster

<div class="trds-alan">
  <label class="trds-etiket" for="site">Kurumunuzun web sitesi</label>
  <p class="trds-yardim" id="site-yardim">Örnek: ornek.com.tr</p>
  <input class="trds-girdi" id="site" name="site" type="url" inputmode="url" autocomplete="url" spellcheck="false" aria-describedby="site-yardim">
</div>

Ne zaman kullanılır

Kurumsal başvurularda web sitesi isterken kullanın.

Erişilebilirlik

type="url" ve inputmode="url" kullanılır.
Başta https:// olmadan yazılan adres reddedilmez. Sunucu ekler.

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

Kaynak

Benzer bir bileşen şu ülkelerin tasarım sistemlerinde de var: DE.