۱۳۹۴/۴/۱۰، ۱۱:۵۵:۳۶ صبح
کتنرل < fieldset > :
اين کنترل توسط تگ < 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 item
Hieght : 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
خروجی
اين کنترل توسط تگ < 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 item
Hieght : 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
خروجی
