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

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

صفت خصوصی for در html مخصوص تگ label و تگ output می باشد. با ما همراه باشید.

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

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

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

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

نکته مهم

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

مثال در مورد استفاده از صفت خصوصی for در html درون تگ 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 در html درون تگ output

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

نکته مهم

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

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

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

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