کنترل های ذاتی HTML
کتنرل < 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 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 |
خروجی |
منبع: دنیای فناوری با حساس کامپیوتر
