HTML <label> for özelliği

HTML <label> etiketi

Tanım ve Kullanım

for Özellik, etiketin hangi form elementine bağlandığını belirler.

Gizli ve açık bağlantılar

Etiket, aşağıdaki iki şekilde birinden biriyle form denetimleriyle bağlanır: Form denetimini etiket içeriği olarak kullanmak, bu gizli formadır, veya <label> etiketi altında for Özellik, bir hedef form id'sini adlandırarak açıkça olur.

Örneğin, XHTML'de:

Açıkça bağlantı:

<label for="SSN">Kimlik numarası：</label>
<input type="text" name="IdNum" id="IN" />

Gizli bağlantı:

<label>Doğum günü：<input type="text" name="DofB" /></label>

İlk etiket, "Social Security Number:" metnini ve formun sosyal güvenlik numarası metin girdi denetimini ("SocSecNum") açıkça bağlar, for Özelliğinin değeri ve denetimin id'si aynıdır, her ikisi de SSN'dir. İkinci etiket ("Doğum Tarihi:") gerekmez for Özellik, ilgili denetimler de id özelliğine ihtiyaç duymaz, <label> etiketi içinde <input> etiketi yerleştirilerek gizli olarak bağlanır.

Örnek

Üç etiketli tek seçenek butonu:

<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="Gönder">
</form>

Deneyimleyin

Sözdizimi

<label for="element_id">

Özellik Değeri

Değer Açıklama
element_id Etiketle bağlantılı öğenin id'si.

Tarayıcı Desteği

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Destek Destek Destek Destek Destek

HTML <label> etiketi