این آموزش در تاریخ ۱۴۰۲/۰۶/۲۰ آپدیت شده است.
آموزش صفت For در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش صفت For در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
صفت For در HTML
صفت for اگر در تگ Label مورد استفاده قرار بگیرد یک لیبل یا درکل یه متنی برای شناسایی عناصر فرم مشخص میکند ولی اگر در تگ OutPut مورد استفاده قرار بگیرد میتواند رابطه ی بین نتیجه ی یک محاسبه و عناصر مورد استفاده در محاسبه را مشخص نماید.
بفرض مثال میگیم این Label برای ( For ) فلان Input می باشد، و دیگه سیستم اون Label رو متعلق به اون Input میدونه و میشناسه، و وقتی در داخل فرم بروی اون لیبل کلیک کنید خودش خودکار روی اینپوتی که بهش متصل شده فوکوس میکنه.
حواستون باشه چیزی که Label و Input رو بهمدیگه وصل میکنه یه ID هست، یعنی باید ID که داخل Input هستش با ID که داخل صفت For هستش یکی باشه.
Free-Learn
عناصری که توسط این صفت پشتیبانی می شوند
این صفت را میتوان در عناصر/تگ های زیر بکار برد.
| <output> | <label> |
Free-Learn
مثال از صفت For در HTML
در ادامه میتوانید یک مثال از این صفت را مشاهده نمایید.
مثال شماره ۱ : استفاده در تگ Label
|
1 2 3 4 5 6 7 8 9 |
<body> <form action="files/get_data.php" method="POST"> <label for="UserName">نام شما : </label> <input type="text" name="myname" id="UserName"> <input type="submit" value="ارسال"> </form> </body> |
مثال شماره ۲ : استفاده در تگ Output
|
1 2 3 4 5 6 7 8 9 10 11 |
<body> <form oninput="OutPut.value = parseInt(number1.value) + parseInt(number2.value)"> <input type="number" name="number1" value="5"> <br> + <br> <input type="number" name="number2" value="5"> <br> = <br> <output name="OutPut" for="number1 number2"></output> </form> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از صفت for در HTML پشتیبانی میکنند یا خیر.
| نام تگ | Chrome | Firefox | Opera | Safari | Edge |
| label | بله | بله | بله | بله | بله |
| output | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این صفت در HTML بصورت زیر می باشد.
|
1 2 |
<label for="Input_ID"> <output for="Input_ID"> |
Free-Learn
جدول مقادیر صفت For در HTML
در جدول زیر میتوانید، مقادیری را که میتوان در این صفت استفاده کرد مشاهده نمایید.
| مقدار | توضیح |
|---|---|
| Input_ID | شناسه یا ID اون اینپوتی که قراره بهش متصل شه |
Free-Learn
نکات و توضیحات
- حواستون باهش دیگه اون ID که در تگ Input ایجاد میشه باید با ID که داخل صفت For هستش یکی باشه.
