HTML’de “label” etiketi, bir form kontrolünü açıklayan veya adlandıran bir metin etiketi oluşturmak için kullanılır. Bu etiket, örneğin bir form alanına ilişkin bir açıklama eklemek istediğimizde kullanışlıdır. Aşağıdaki örnek, bir form alanı ve buna ait bir “label” etiketi içerir:
<form> <label for="ad">Adınız:</label> <input type="text" id="ad" name="ad"><br><br> <label for="soyad">Soyadınız:</label> <input type="text" id="soyad" name="soyad"><br><br> <input type="submit" value="Gönder"> </form>
Bu örnekte, “label” etiketi, “for” özelliği kullanılarak, “input” etiketinin “id” özelliğiyle eşleştirilir. Böylece, “Adınız” ve “Soyadınız” etiketleri, ilgili form alanlarını açıklar. Ayrıca, kullanıcılar tıkladıklarında, ilgili form alanına odaklanmalarını sağlar.
Bu örnekte, “label” etiketleri, “input” etiketlerine doğrudan yerleştirilmedi. Bunun yerine, “for” özelliği kullanılarak, etiketler ve girdiler arasında bir ilişki kuruldu. “for” özelliği, ilgili girdinin “id” özelliğiyle eşleşen bir değer alır. Böylece, kullanıcılar, ilgili etikete tıkladıklarında, doğrudan ilgili girdiye odaklanabilirler.
Bu uygulamada herhangi bir sorun yaşarsanız aşağıya yorum olarak bırakabilirsiniz. Bunun yanı sıra web sitemizdeki diğer hazır Html programlama örneklerine ulaşmak için bu linke tıklayabilirsiniz.