<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ı
Markanız için 300X300 alan.
<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 etiketlenebilenform
denetimi varsa, yalnızca ilki etiketlenir). - Ya da
<label>
etiketininfor
özniteliğineform
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
Tarayıcı →Öznitelik ↓ | |||||
---|---|---|---|---|---|
Temel Destek | Var [1] | Var | Var | Var | Var |
Tarayıcı →Öznitelik ↓ | |||||
---|---|---|---|---|---|
Temel Destek | Var [1] | Var | Var | Var | Var |
[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 !
Öznitelikler
for
<label>
etiketi ile ilişkilendirilmek istenenform
denetiminin kimlik (id
) değerini tutar.