HTML legend etiketi nedir, nasıl kullanılır ve örnek kullanımı. HTML ile form oluştururken legend etiketi kullanımı hakkında detaylı bilgiler.
HTML legend Etiketi Nedir?
İçerikler
HTML legend Etiketi Nedir? HTML legend Etiketi Nedir?HTML legend etiketi, bir HTML form elemanının etrafına başlık eklemek için kullanılır. Bu etiket, formdaki tüm alanları açıklayan veya grupları tanımlayan metni içerir. Genellikle bir fieldset etiketiyle birlikte kullanılır. Bu şekilde, kullanıcılar forma doldururken hangi alanların ne anlama geldiğini anlayabilirler.Örnek olarak, bir online alışveriş formunda Fatura Adresi alanını tanımlamak için legend etiketi kullanılabilir. Bu şekilde, kullanıcılar hangi alanın fatura adresini temsil ettiğini hemen anlayabilirler.Bu etiket aynı zamanda sayfa erişilebilirliğini artırmaya yardımcı olur. Ekran okuyucu kullanan kişiler, form alanlarını doldururken hangi alanın ne olduğunu daha kolay anlayabilirler.HTML legend etiketi, form elemanlarını daha iyi organize etmek ve kullanıcı deneyimini geliştirmek için önemli bir araçtır. Doğru biçimde kullanıldığında, form doldurmayı daha anlaşılır hale getirebilir ve kullanıcıların karışıklık yaşamasını engelleyebilir.
HTML legend Etiketi Nasıl Kullanılır?
HTML legend etiketi, bir form içindeki input veya textarea gibi öğelerin anlamını ve kullanımını betimlemek için kullanılır. Bu etiket, genellikle fieldset etiketiyle birlikte kullanılır ve input öğelerini gruplamak için kullanılır.HTML legend etiketi legend etiketi ile oluşturulur. Legend etiketinin içeriği, formdaki alanın açıklamasını içerir. Bu açıklama, formdaki alanın ne için kullanıldığını ve ne tür verilerin girmesi gerektiğini belirtir.Legend etiketi, genellikle formdaki alanın üstünde veya sol tarafında görüntülenir. Bu şekilde, kullanıcılar formdaki alanın ne anlama geldiğini kolayca anlayabilirler. Bu da kullanıcı deneyimini artırır.Örneğin, bir kullanıcı kayıt formunda legend etiketi kullanarak Kişisel Bilgiler başlığını ekleyebilir. Bu şekilde, kullanıcılar hangi alanları doldurması gerektiğini hemen anlayabilirler.Tablo kullanılarak örnek bir HTML legend etiketi kullanımı aşağıdaki gibidir:
Kişisel BilgilerAd:E-posta: |
HTML legend Etiketi Örnek Kullanımı
HTML legend Etiketi Örnek KullanımıHTML legend etiketi, bir HTML formunda fieldset etiketi içinde yer alır ve bu alana etiket veya başlık ekler. Bu sayede formun hangi amaçla kullanıldığı hakkında bilgi verir. Örnek kullanımı şu şekildedir:HTML legend etiketi kullanımı için öncelikle fieldset etiketi ile form alanını oluşturmalısınız. Ardından legend etiketi içinde form alanına başlık ekleyebilirsiniz. Örneğin;
- HTML kodunda:
Üye Kayıt Formu | |
---|---|
Kullanıcı Adı: | |
Şifre: |
Bu şekilde legend etiketi içinde Üye Kayıt Formu başlığını oluşturarak form alanını daha anlamlı hale getirebilirsiniz. Bu sayede kullanıcılar formun amacı hakkında daha net bilgi sahibi olacaklardır.