صفت خصوصی for در html

صفت خصوصی for در html درون تگ label و تگ output

برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

در این مقاله از سایت آموزی جهت استفاده شما کاربران محترم به معرفی و کاربرد خاصیت for می پردازیم. صفت for در سند html مخصوص تگ label و تگ output می باشد. با ما همراه باشید.

معرفی و کاربرد ویژگی خصوصی for در سند HTML

ویژگی خصوصی for ، مخصوص تگ label و تگ output می باشد. صفت for جهت الحاق یک برچسب به یک تگ درون فرم html به کار می رود.

برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

استفاده از ویژگی خصوصی for درون تگ label

صفت for درون تگ label باید با مقدار صفت id در تگی که با آن مرتبط است برابر باشد تا زمانی که کاربر روی متن تگ label کلیک کرد، تگ مربوط به آن انتخاب شود.

نکته مهم

تگ label می تواند با یک تگ دیگر از طریق ویژگی for مرتبط شود.

مثال در مورد استفاده از ویژگی خصوصی for درون تگ label

<form action=”/action_page.php”>
<label for=”male”>Male</label>
<input type=”radio” name=”gender” id=”male” value=”male”><br>
<label for=”female”>Female</label>
<input type=”radio” name=”gender” id=”female” value=”female”><br>
<label for=”other”>Other</label>
<input type=”radio” name=”gender” id=”other” value=”other”><br><br>
<input type=”submit” value=”Submit”>
</form>

خزوجی کد در مرورگر اینترنتی

در مثال بالا تمامی تگ های label که مقدار id آنها با مقدار for در تگ های input برابر است، با کلیک روی label ها ، دکمه های رادیویی به حالت انتخاب در می آید.

استفاده از ویژگی خصوصی for درون تگ output

هنگامی که خاصیت for درون تگ output مورد استفاده قرار گیرد، این صفت رابطه بین نتیجه محاسبات و تگ های html مورد استفاده در محاسبه را مشخص می کند.

نکته مهم

مقدار ویژگی خصوصی for در تگ output بایستی با مقادیر تگ های html که درون محاسبه می خواهند با نتیجه محاسبه درون تگ output مرتبط شوند، برابر باشد.

مثال در مورد استفاده از ویژگی خصوصی for درون تگ output

<form oninput=”x.value=parseInt(a.value)+parseInt(b.value)”>0
<input type=”range” id=”a” value=”50″>100
+<input type=”number” id=”b” value=”50″>
=<output name=”x” for=”a b”></output>
</form>

خزوجی کد در مرورگر اینترنتی

در مثال بالا نیز بین تگ output که مقدار خاصیت for در آن با مقادیر id در تگ های input درون محاسبه برابر است، با نتیجه محاسبه ، ارتباط برقرار است.

بررسی ویژگی for در سند html 4.0.1 و HTML5

خاصیت for از نظر کاربرد در HTML4.01 و HTML5 تفاوتی ندارد و در هر دو نسخه پشتیبانی می شود.

برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:

پشتیبانی مرورگرهای اینترنتی از ویژگی enctype درون تگ form

تگ
label	بله	بله	بله	بله	بله
output	۱۰.۰	عدم پشتیبانی	۴.۰	۵.۱	۱۱.۰

پیوندهای مهم و کاربردی

تگ های HTML در سایت آموزی

تگ های جدید HTML5 در سایت آموزی

صفات تگ های HTML در سایت آموزی

تگ های منسوخ شده HTML5 در سایت آموزی

تگ های block level و inline level در سایت آموزی

تگ های HTML در W3school

صفت خصوصی for در html درون تگ label و تگ output – اختصاصی سایت آموزی