خلاصه مطالب استاد 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 یک اینپوت برای تاریخ که نوع برای هفته میاد و میگیرد