کنترل های ذاتی HTML - نسخهی قابل چاپ +- مرجع پارسی MyBB (https://community.mybbiran.com) +-- انجمن: متفرقه (https://community.mybbiran.com/forum-52.html) +--- انجمن: آموزش HTML (https://community.mybbiran.com/forum-140.html) +--- موضوع: کنترل های ذاتی HTML (/thread-18146.html) |
کنترل های ذاتی HTML - heidari - ۱۳۹۴/۴/۱۰ کتنرل < 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 خروجی |