Sen burayı gördün, başkası da görecek. Teklifini gönder, sitenin kahramanı ol.

Sponsor'un katkılarıyla...

<label> Etiketi

<label> Etiketi

<label> etiketi form denetimi için başlık etiketidir. label sözcüğünün anlamı etikettir. Ürün paketlerinin üzerindeki fiyat etiketleri gibi. Bu form denetimlerine -<label> etiketi tarafından- etiketlenmiş denetimler de denir.

/ 19.05.1919?

Yazar:
SonDevrimBu Yazı
Toplam28411913
Bugün1764

<label> Etiketi Temel Özellikler

Etiket Yazımı ve Etiket Kullanımı :
<label></label> <!-- Etiket hem açılıp hem de kapanmak zorunda. -->
Örnek :
DOM Arayüzü :
HTMLLabelElement
Durum :
Yaşayan Ölçün
Öznitelikler :
Tüm Evrensel Öznitelikler
Açıklama :

<label> Etiketi Kullanımı

Sponsor'un katkılarıyla...

Markanız için 300X300 alan.

Reklamı kapat görseli

<label> etiketi form denetimi için başlık etiketidir. label sözcüğünün anlamı etikettir. Ürün paketlerinin üzerindeki fiyat etiketleri gibi. Bu form denetimlerine -<label> etiketi tarafından- etiketlenmiş denetimler de denir.

Aşağıdaki koşullar form denetimi ile <label> etiketi aynı belge'de ise geçerlidir !

Etiketlerin form denetimleriyle ilişkilendirilmeleri iki biçimde olur:

  • Ya form denetimi <label> etiketi içinde yazılır (ama birden fazla etiketlenebilen form denetimi varsa, yalnızca ilki etiketlenir).
  • Ya da <label> etiketinin for özniteliğine form denetiminin kimliği (id) yazılır.




Tıkla Banaya tıkladığınızda <input> etiketi seçilecek ve imleç etiketin içinde yanıp sönmeye başlayacaktır.



<label> etiketinin <datalist> etiketi ile özel bir kullanımı vardır. Ayrıntılar için <datalist> etiketine bakın.


Bir <input> etiketi birden fazla etiket ile ilişkilendirilebilir.

<input> etiketi ve <textarea> etiketindeki placeholder özniteliği ile <label> etiketini karıştırmayın. placeholder; girilecek veriyle ilgili ipucu sağlama ya da örneklendirmede kullanılırken (telefon numarasını girerken başında 0 olup olmadığı gibi), <label> etiketi ise form denetiminin başlığı olarak kullanılır.


Unutmayın ki bazı koşullar altında, placeholder içeriği kullanıcıya gösterilmiyor. Bundan dolayı oluşturduğunuz form, placeholder olmadan da anlaşılabilir olmalı.






label.control - etiket.formDenetimi


<label> etiketinin form denetimi ile ilişkilendirip ilişkilendirilmediği control özniteliği ile sorgulanabilir. Eğer ilişkilendirilme varsa, dönen değer etiketlenmiş denetimin kendisidir.

Javascript: document.getElementById("labelEtiketi").control

Sonuç: (Varsa, ilişkilendirilmiş) <input> etiketi




control.labels - formDenetimi.etiketler


control.labels Gecko tabanlı tarayıcılarda (Firefox 43.0.4, Firefox Geliştirici Sürümü 45.0a2 (2016-01-02), Comodo IceDragon 42.0.0.25 ile ve de büyük olasılıkla bu tarayıcıların daha önceki sürümlerinde) çalışmıyor.

Denetimin hangi etiketler tarafından etiketlendiği de bulunabilir. Dönen değer NodeList'tir (denetimlerin birden fazla etiket ile ilişkilendirilebileceğinden ötürü).

Javascript: document.getElementById("inputEtiketi").labels

Sonuç: (Varsa, ilişkilendirilmiş) <label> etiketi (dizisi)

<label> Etiketi Tarayıcı Desteği

MasaüstüTaşınabilir
Tarayıcı →Öznitelik ↓
Temel DestekVar [1]VarVarVarVar
Tarayıcı →Öznitelik ↓
Temel DestekVar [1]VarVarVarVar

[1] : Gecko 8.0 ile başlayarak (Firefox 8.0 / Thunderbird 8.0 / SeaMonkey 2.5), bubling olan click olayı, en fazla bir <label> etiketini tetikliyor ve sentetik tık olayı diğer bir <label> etiketini tetikleyemiyor. (Şu anda) Gecko'da click olayı (bubble sırasında) <label> etiketini gerisinde bırakırken, WebKit ve İ.E'de click olayı <label> etiketinde duruyor. Gecko'nun 8.0'a kadar ki (birden fazla <label> etiketini tetikleyebilme) davranışı Firefox'un yanıt vermemesine neden oluyordu! Daha fazla ayrıntı için tıklayın !

Kaynak: Mozilla Geliştirici Ağı - MDN 10 Yaşında - CC-BY-SA 2.5

Öznitelikler

for
<label> etiketi ile ilişkilendirilmek istenen form denetiminin kimlik (id) değerini tutar.

İlişkili Etiketler

<form> etiketi

<input> etiketi

Reklamı kapat görseli

Görüş Bildirin?

Toplam Oy Sayısı : Şimdilik hiç oy verilmemiş.

Ortalama Oy Değeri : Verilen oyun geçerli olması için yapılan yorumun onaylanması gerekiyor.

Görüşler yükleniyor . . .

Yorum Ekle?

1000
<label> Etiketi