HTML eğitim serimize devam ediyoruz.Bu derste
label tagını anlatacağım.Label tagının işlevi şu.Tipi radio ve checkboxlarda seçim yapmak için illaki üzerine tıklamalıyız.Yada diğer form elemanlarınıda.
İşte burada bir label oluşturup radio veya checkboxsumuza bağlıyoruz.Böylelikle label içindekine tıklayınca gene seçilecekler.
<label for="
label">metin</label>
<input type="text" id="
label" />
Burada kalın olan yerler aynı olmalıdır.Bir form elemanına bağlamak için ,form elemanın idini labeldeki for a yazıyoruz.
Genel örnek :
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>UstaDerslik</title>
</head>
<body>
<label for="l">metin</label>
<input type="text" id="l" />
<label for="l2">metin</label>
<input type="radio" id="l2" />
<label for="l3">metin</label>
<input type="checkbox" id="l3" />
</body>
</html>
Yukarıdaki metin yazanlara tıkladığımızda sağındaki nesneyi seçecekler.Çünkü hepsi sağındakine bağladık.radioyu seçmek için illaki dairenin içine tıklamamız gerekmiyor.Metin yazan yerede tıklarsak seçecektir.Label ile bu şekilde bağlama işlemleri yapıyoruz.