دوره زبان تخصصی برای برنامه‌نویسان (هدیه ویژه ثبت‌نام در دوره‌های متخصص) (فرصت محدود ⏰)
۰ ثانیه
۰ دقیقه
۰ ساعت
۴ emad ta
خلاصه مطالب استاد 7
علیرضا بابایی حل شده توسط علیرضا بابایی

سلام دوستان خلاصه مطالبی که استاد توی این جلسه گفتن رو قرار دادم اگه مطلب اضافه‌تری رو دارین که بنده جا انداختم

لطفا اضافه کنید

 

فرم‌ها برای استفاده از فرم‌ها در داخل وب سایت از تگ فرم استفاده میکنیم  این تگ یکسری Attribute دارد که معرفی میکنیم ( فرم‌ها ماهیت اینلاین دارند )

 

action : این ویژگی مربوط به تیم بک اند امون هستش و به این منظور استفاده می‌شود که پردازش این فرم در کدام فایل بیاد و انجام بشود 

method : این ویژگی بیان میکند که دیتای فرم ما به چه صورتی ارسال بشه به صورت Post یا Get حال اگر اینپوت‌های داخل فرم ما قرار بود فایلی رو به سمت سرور ارسال کنن باید از ویژگی به نام enctype بیایم و استفاده بکنیم  و مقدار اون رو برابر multipart/from-data قرار دهیم که این ویژگی تصمیم گیرندش تیم فنی ما هستش 

id and class : این دو تا ویژگی یا صفت هم که به صورت گلوبال هستند برای استایل دادن به ویژگی هامون میایم و استفاده میکنیم 

 

تگ input  بررسی ویژگی‌ها و Attribute‌های اون

type نوع اینپوت امون رو بررسی میکنه و حدودا 17/18 تا نوع داره 

placeholder یک متن اولیه به اینپوتمون میده که قابل تغیر هست و ارسال نمیشه راستش زیاد خوب نمیتونم بیان کنم کاربردشو پیشنهاد میکنم حتما تستش کنین ویژگی مفیدی هست

 

value  با استفاده از این صفت میتوانیم یک مقدار اولیه بیایم و به اینپوتمون بدیم 

 

disable موقعی که ما میخایم جلو تغیر کردن اینپوتمون رو بیایم  و بگیریم  و غیر فعالش بکنیم میایم  و از این خاصیت استفاده میکنیم

 

 

تگ label میاد و یک جور تیتر به اینپوت هامون اضافه میکنه و وقتی روی اون کلیلک میکنیم خودکار روی اینپوتمون میره برای وصل کردنش به اینپوت دو تا راه هست اولی این که اینپوت رو داخل این تگ قرار دهیم دوم هم این که نام آیدی که برای اینپوت قرار دادیم بیایم و با نام ویژگی یا صفت for در داخل label یکی بزاریم 

 

انواع input Type ها 

1- button  اینپوت ما رو میاد و تبدیل به یک دکمه میکند 

2- checkbox اینپوت ما رو میاد و تبدیل به یک چک باکس میکندش 

3- color میاد و اینپوت تبدیل به یک باکس انتخاب رنگ میکند

4- data میاد و به یک نوع  برای ثبت تاریخ رو برای ما قرار میدهد

5- datatime-local مثل یکی قبلی هستش اما به صورت لوکال عمل میکند 

6-email میاد و فقط متن های  که فرمت ایمیل دارند رو برای ما قبول میکند و اگه فرمت ایمیل نداشته باشه خطا میدهد

7- file برای ارسال فایل باید بیایم و این نوع قرار دهیم که در بالا گفتیم شیوه عملکردشو

8- hidden یک اینپوت ایجاد میکند که از دید کاربرمون مخفی هستش 

9-image یک اینپوت برای قرار دادن تصاویر استفاده می‌شود

10-month یک اینپوت درستمیکنه که فقط مقدار ماه میاد میگیرد

11-number یک اینپوت که فقط نوع عددی میاد و میگیرد 

12-password یک اینپوت که فرمت چیز هایی که داخلش میایم و وارد می‌کنیم رو شبیه به پسورد نشون میدهد

13-radio یک اینپوت شبیه رادیوباتن‌ها برامون درست میکنه 

14-range یک اینپوت به شکل خطی که برای قیمت‌ها استفاده میشه بیشتر 

15-reset  یک دکمه که با کلیک بر روی اون مقدار همه اینپوت هامون رو خالی میکنه یا اصطلاحا پاک میکند

16-search یک اینپوت برای جست جو کردن برای ما میاد و درست میکند

17-submit یک اینپوت برای ارسال اطلاعات که شبیه به دکمه‌ها هست

18-tel  یک اینپوت برای  قرار دادن تلفن برامون درست میکند که فرمت چیزی که داخلش مینویسیم باید شبیه به فرمت تلفن  باشد

19-text برای نوشتن یک متن

20-time یک اینپوت برای  قرار دادن زمان برامون درست میکند

21-url یک اینپوت برای قرار دادن آدرس اینترنتی که اگه صحیح نباشه به ما خطا میدهد

22-week یک اینپوت برای تاریخ که نوع برای هفته میاد و میگیرد 

 

 

 

سلام و خسته نباشید خدمت شما 

ممنون از وقتی که گذاشتید 

بسیار با سلیقه ?✔

بهترین پاسخ
علیرضا بابایی ۱۲ شهریور ۱۳۹۹، ۰۸:۲۰

درود وقتتون بخیر

خیلی عالی بود ممنونم از وقتی که قرار دادید برای جمع آوری این مطالب

شایان نماینده ۱۸ شهریور ۱۳۹۹، ۱۲:۳۳

سلام دوست عزیز

مطالب خیلی کامل بود فقط بالا داخل پرانتز گفتی که فرم‌ها ماهیت اینلاین دارن در صورتی فرم‌ها ماهیت بلاک دارن و این اینپوت‌ها هستند که ماهیت اینلاین دارن

 

باز هم ممنون از وقتی که میزاری برای خلاصه نویسی

amirf ۱۹ خرداد ۱۴۰۰، ۱۳:۳۴

در تگ input اتریبیوت placeholder یک متن کم رنگ را جهت راهنمایی کاربر قرار می‌دهد و دیتا نیست مثل input هایی برای وارد کردن شماره موبایل که با صفر وارد بشه یا خیر

Azadeh Vafa ۰۸ مهر ۱۴۰۰، ۱۴:۱۳