این کنترل توسط تگ < fieldset > ایجاد شده و به دور محتویات درونی خود یک کادر ایجاد می کند . تگ ها و عناصری که بین تگ باز و بسته < fieldset > قرار بگیرند ، عناصر درونی آن را تشکیل می دهند . از این کنترل برای دسته بندی عناصر و گروه های مختلف استفاده می شود .

* تگ < legend > :

از این تگ برای ایجاد عنوان برای کادر fieldset استفاده می شود . متنی که بین تگ باز و بسته < legend > قرار بگیرد ، تعیین کننده عنوان کادر است . در مثال زیر نحوه استفاده از این تگ نشان داده شده است

مثال : در مثال زیر ۲ کادر متن را در درون یک fieldset قرار داده ایم :

< fieldset >
< legend > Select the size of your item < /legend >
Hieght : < input type=”text” size=”3″ / >
Width : < input type=”text” size=”3″ / >
< /fieldset >     کد
Select the size of your itemHieght : Width :
خروجی

کنترل < label > :

این تگ برای ایجاد یک عنوان برای یک کنترل دیگر HTML استفاده می شود . برای ایجاد ارتباط بین تگ < label > و کنترل مورد نظر ، خاصیت for تگ label را برابر id کنترل مورد نظر قرار می دهیم .
برای مثال ، اگر یک دکمه رادیویی با id = Male داشته باشیم و بخواهیم یک label برای آن طراحی کنیم ، برای ایجاد ارتباط بین label و دکمه رادیویی ، خاصیت for تگ label را برابر id دکمه رادیویی یعنی Male قرار می دهیم . در این صورت کلیک کردن بر روی نوشته label همانند کلیک کردن بر روی خود کنترل مورد نظر است .

مثال : در مثال زیر برای ۲ دکمه رادیویی زیر ، ۲ label جدا طراحی کرده ایم :

< fieldset style=”width: 200px” >
< legend > Select Male or Female < /legend >
< input type=”radio” id=”Male” name =”Male” value=”Male” / >
< label for=”Male” > Male < /label >
< input type=”radio” id=”Female” name =”Male” value=”Female” / >
< label for=”Female” > Female < /label >
< /fieldset >