HTML’de “fieldset” etiketi, bir HTML formundaki ilgili girdileri gruplamak için kullanılan bir yapıdır. “legend” etiketiyle birlikte kullanılır ve “legend” etiketi, ilgili alanın açıklamasını sağlar.
Aşağıdaki örnekte, “fieldset” etiketi ve “legend” etiketi kullanarak bir HTML formunu gruplayabiliriz:
<form>
<fieldset>
<legend>Kişisel Bilgiler</legend>
<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>
</fieldset>
<fieldset>
<legend>İletişim Bilgileri</legend>
<label for="email">E-posta Adresiniz:</label>
<input type="email" id="email" name="email"><br><br>
<label for="tel">Telefon Numaranız:</label>
<input type="tel" id="tel" name="tel"><br><br>
</fieldset>
<input type="submit" value="Gönder">
</form>
Bu örnekte, “fieldset” etiketi ile “Kişisel Bilgiler” ve “İletişim Bilgileri” gruplandı ve her biri “legend” etiketi ile açıklandı. Formdaki girdiler, ilgili “fieldset” içinde bulunur.
Bu, bir HTML formundaki girdileri gruplamak için “fieldset” etiketini kullanmanın basit bir örneğidir. İhtiyaçlarınıza göre formdaki alanları ve girdileri farklı şekillerde gruplayabilirsiniz.
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.