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