ᝰ𝗦𝗲𝗴𝗺𝗲𝗻𝘁

روزتون خوش🌹
بریم سراغ ادامه ی مباحث

در ابتدا لازمه که دوتا صفت عمومی رو برسی کنیم که کاربردی هستند.

readonly
اگر این صفت برای یک اینپوت به کار رود کاربر میتواند فقط محتویات اون اینپوت رو بخواند و هیچ تعغیری روی محتوای اینپوت نمیتواند اعمال کند ، امکان focus هم وجود دارد و مقدار این اینپوت به صفحه ی پردازشگر فرستاده میشود .

disabled
اگر این صفت برای یک اینپوت به کار رود اون اینپوت کاملا به صورت غیر فعال در می اید ، امکان focus هم وجود ندارد و مقدار این اینپوت به صفحه ی پردازشگر فرستاده نمیشود .

دوستان یه مبحث دیگه ای هم که هست و ما الان میخواهیم بهش بپردازیم ، ایجاد برچسب در کنار عناصر فرم است.
خب ما قبلا وقتی که میخواستیم یک برچسب در کنار یک اینپوت درج کنیم یا ماهیت یک اینپوت رو مشخص کنیم دقیقا مثل مثال زیر کار میکردیم..................................................👇

Name: <input type="text">

وقتی اینطوری مینویسیم داخل مرورگر همان طور که چندین بار مشاهده کردید ، کلمه ی Name رو در سمت چپ اینپوت نمایش میداد و بعد فیلد اینپوت رو قرار میداد ، خب الان بریم یک راه دیگه برای ایجاد این برچسب ها یاد بگیریم که بهتر و اصولی تر هست.

<label>
از اين تگ برای ايجاد برچسب ها در كنار عناصر فرم استفاده میشود درواقع label ها همان متن های كوتاهی هستند كه كاری را كه يک عنصر ميكند به كاربر نشان می دهد.
این تگ صفت زیر را اختیار میکند.........👇

for
ما با استفاده از این صفت این تگ رو به عناصر فرم خودمان متصل میکنیم به مثال زیر توجه کنید........................................................👇

<input type="name" id="web" />
<label for="web">Name</label>

همانطور که در مثال بالا مشاهده میکنید ما باید از صفت id برای تگ اینپوت استفاده بکنیم و هر مقداری که به این صفت میدهیم باید همان مقدار رو برای صفت for داخل تگ label نیز قرار بدهیم و اینگونه این دو تگ رو به هم دیگر متصل میکنیم و هر متنی که مابین تگ باز و بسته ی label مینویسیم به عنوان برچسب در مرورگر نشان داده خواهد شد

نکته : اگر تگ label بعد از تگ اینپوت قرار بگیرد برچسب مورد نظر در سمت راست اینپوت نمایش داده میشود اما اگر تگ label قبل از تگ اینپوت قرار بگیرد برچسب مورد نظر در سمت چپ اینپوت قرار میگیرد .

این مباحث رو هم تمرین کنید تا با قدرتی بیشتر بریم سراغ ادامه ی مباحث. تمرین یادتون نره⁦❤️⁩

@segmenttt
🌐 www.segmentt.ir

106 viewsFarid, 11:29