HTML <etiket> Etiketi
Örnek
Etiketleri olan üç radyo düğmesi:
<form action="/action_page.php">
<input type="radio" id="html" name="fav_language" value="HTML">
<label for="html">HTML</label><br>
<input type="radio" id="css" name="fav_language"
value="CSS">
<label for="css">CSS</label><br>
<input type="radio"
id="javascript" name="fav_language" value="JavaScript">
<label for="javascript">JavaScript</label><br><br>
<input type="submit" value="Submit">
</form>
Tanım ve Kullanım
etiketi , <label>
birkaç öğe için bir etiket tanımlar:
- <input type="onay kutusu">
- <input type="color">
- <input type="date">
- <input type="datetime-local">
- <input type="email">
- <input type="file">
- <input type="ay">
- <input type="number">
- <input type="parola">
- <input type="radyo">
- <input type="aralık">
- <input type="arama">
- <input type="tel">
- <input type="metin">
- <input type="time">
- <input type="url">
- <input type="hafta">
- <metre>
- <ilerleme>
- <seç>
- <metin alanı>
Yukarıdaki unsurlara sahip etiketlerin doğru kullanımı aşağıdakilere fayda sağlayacaktır:
- Ekran okuyucu kullanıcıları (kullanıcı öğeye odaklandığında etiketi yüksek sesle okur)
- Çok küçük bölgelere (onay kutuları gibi) tıklamakta güçlük çeken kullanıcılar - çünkü bir kullanıcı
<label>
öğe içindeki metni tıkladığında girişi değiştirir (bu, isabet alanını arttırır).
İpuçları ve Notlar
İpucu: for özniteliği, <label>
onları birbirine bağlamak için ilgili öğenin id özniteliğine eşit olmalıdır. Bir etiket, öğeyi öğenin içine yerleştirerek de öğeye bağlanabilir <label>
.
Tarayıcı Desteği
Element | |||||
---|---|---|---|---|---|
<label> | Yes | Yes | Yes | Yes | Yes |
Öznitellikler
Attribute | Value | Description |
---|---|---|
for | element_id | Specifies the id of the form element the label should be bound to |
form | form_id | Specifies which form the label belongs to |
Genel Özellikler
Etiket ayrıca HTML'deki Global Nitelikleri<label>
de destekler .
Etkinlik Özellikleri
Etiket ayrıca HTML'deki Etkinlik Niteliklerini<label>
de destekler .
İlgili Sayfalar
HTML DOM referansı: Etiket Nesnesi
Varsayılan CSS Ayarları
Çoğu tarayıcı, <label>
öğeyi aşağıdaki varsayılan değerlerle görüntüler:
Örnek
label {
cursor: default;
}