کنترل های ذاتی 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
خروجی


راجع این مطلب سوال یا اشکالی دارید ؟! آن را در انجمن سایت مطرح نمایید ...         >>>>>  ورود به انجمن تخصصی


نظر خودتان درباره این صفحه را با ما در میان بگذارید :

آیا مطالب این صفحه برای شما مناسب و مفید بوده است :

نام :                 
آدرس Email :    
 
نظر شما :  
 
سوال امنیتی : فرزند بچه شما چه نسبتی با شما دارد ؟