آموزش HTML - کنترل های ذاتی HTML

کنترل های ذاتی HTML

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

* تگ < legend > :

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

مثال : در مثال زير 2 کادر متن را در درون يک fieldset قرار داده ايم :

Example
< 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
نام خاصيت	نوع خاصيت	شرح
for	id يک کنترل ديگر	تعيين کننده id کنترلی است که label به آن تعلق دارد .

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

Example
< 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 >	کد
Select Male or Female Male Female	خروجی