صفت خصوصی for در html
در این مقاله از سایت آموزی جهت استفاده شما کاربران محترم به معرفی و کاربرد خاصیت 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
<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 سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای آموزش طراحی سایت با HTML5 و CSS3 و jQuery
برای متخصص شدن در بهینه سازی و سئوی سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره آموزش سئو محتوا کاملا حرفه ای براساس آخرین آپدیت های گوگل
پشتیبانی مرورگرهای اینترنتی از صفت خصوصی for در html درون تگ form
تگ | ![]() | ![]() | ![]() | ![]() | ![]() |
label | بله | بله | بله | بله | بله |
output | 10.0 | عدم پشتیبانی | 4.0 | 5.1 | 11.0 |
پیوندهای مهم و کاربردی
تگ های جدید HTML5 در سایت آموزی
صفات تگ های HTML در سایت آموزی
تگ های منسوخ شده HTML5 در سایت آموزی
تگ های block level و inline level در سایت آموزی
صفت خصوصی for در html درون تگ label و تگ output – اختصاصی سایت آموزی
درباره سایت آموزی
علیرضا ابراهیمی - بنیانگذار وبسایت آموزشی سایت آموزی ، 8 سال سابقه فعالیت حرفه ای در زمینه طراحی سایت ، سئو ، سابقه تدریس اغلب زبان های برنامه نویسی تحت وب ، محقق و تحلیلگر ساختارهای توسعه دهنده وب
نوشته های بیشتر از سایت آموزی
دیدگاهتان را بنویسید