آموزش ساخت فرمهای عالی برای وب سایت ها با HTML, CSS

با مشاهده این کورس آموزشی از طریق انجام پروژه های واقعی و به زبانی بسیار ساده مطالب فراوانی را در رابطه با HTML, CSS یاد می گیرید.

عنوان اصلی : Building Great Forms

سرفصل ها :

خوش آمدی:
فرم های خود را عالی می کنید
آنچه شما باید بدانید
با استفاده از فایل های تمرین
1. تنظیم فرم عمومی:
نحوه کار فرم های HTML
راه اندازی اولیه برای یک فرم
روش های GET و POST
2. عناصر فرم:
مجموعه های میدانی و افسانه ها
کار با برچسب ها
تگ های فرم جدید HTML5
انواع ورودی جدید
ویژگی های ورودی جدید
ویژگی های ورودی بیشتر
گزینه های تأیید فرم
محدودیت های ورودی: الگو
دکمه ها
تکمیل خودکار
3. CSS خاص فرم:
نکات چیدمان فرم
برچسب‌ها و ورودی‌های یک ظاهر طراحی شده
سبک های تمرکز
استفاده از شبه کلاس ها برای مشخص شدن بیشتر
چک باکس های سفارشی
دکمه های رادیویی
سوئیچ را تغییر دهید
انتخاب استایل، قسمت 1
انتخاب استایل، قسمت 2
برچسب های شناور
4. فرم ورود و ثبت نام:
فرآیند ثبت نام
نمودار جریان فرم ورود و صفحه فرود
ساخت صفحه ورود
قابلیت مشاهده رمز عبور
فرم ثبت نام بسازید و سبک کنید
برای اطلاعات بیشتر از راهنمای ابزار استفاده کنید
قدرت رمز عبور
خلاصه فرم ورود و ثبت نام
5. فرم رزرو: پرواز، هتل، فیلم و موارد دیگر:
فرم رزرو چیست؟
ایجاد دکمه های رادیویی سفارشی
انتخاب ها
خرما و انتخاب کننده تاریخ
با استفاده از کامپوننت استپر
رفع فرم رزرو برای موبایل
خلاصه فرم رزرو
6. فرم های پرداخت:
سازماندهی فرم پرداخت
جریان و نظم
خلاصه سفارش
خلاصه اطلاعات شخصی
پله پرداخت
ماسک ورودی
شهر و ایالت پرجمعیت خودکار
حمل دریایی
رسیدگی به پرداخت، قسمت 1
رسیدگی به پرداخت، قسمت 2
رسیدگی به پرداخت، قسمت 3
صفحات بررسی و تایید
7. فرم جستجو و فیلتر فرم ها:
فرم های جستجو: آنها چیست؟
نکاتی برای افزودن جستجو
یک جزء جستجو را اضافه کنید و به آن استایل دهید
یک نوار جستجو در حال رشد بسازید
تعمیر صفحه لمسی
تعمیر موبایل
نمایش نتایج جستجو
8. دسترسی:
قابلیت دسترسی به فرم
برچسب زدن و توصیف با ARIA
با استفاده از ARIA
9. ارسال:
اعتبار سنجی فرم سمت مشتری
اعتبار سنجی CSS
اعتبار سنجی جاوا اسکریپت
پیام های خطای خوب
صفحه موفقیت
نتیجه:
مراحل بعدی