آموزش کامل فرم ها در HTML5

در این دوره آموزشی با فرم ها در صفحات وب آشنا شده و استفاده از کاردهای ورود مختلف و کار بر روی آن ها را در HTML5 یاد خواهید گرفت.

عنوان اصلی : HTML5: Web Forms

سرفصل ها :

معرفی
خوش آمدی
با استفاده از فایل های تمرین
نصب ابزار ضروری
استفاده از فرم های HTML5 در دنیای واقعی
1. مروری بر فرم های HTML5
چه چیزی در فرم های HTML5 جدید است؟
مروری بر ویژگی های جدید فرم های HTML5
2. استفاده از ویژگی ها و روش های جدید
تعیین یک فیلد فرم فعال پیش فرض با استفاده از ویژگی فوکوس خودکار
پر کردن خودکار داده های وارد شده قبلی با ویژگی تکمیل خودکار
نمایش متن جایگیر در فیلدهای فرم
محدود کردن داده های فیلد فرم با یک عبارت منظم با استفاده از ویژگی الگو
ایجاد دکمه‌های ارسال که قوانین اعتبارسنجی را با استفاده از ویژگی novalidate دور می‌زند
تنظیم فیلدهای الزامی
استفاده از APIهای انتخاب متن
ساخت یک سبک CSS برای فیلدهای نامعتبر، معتبر و الزامی
3. قالب بندی فیلدها با ویژگی های نوع ورودی جدید
ایجاد فیلد جستجو
گرفتن آدرس ایمیل
ساخت فیلد آدرس وب
ایجاد فیلد ورودی شماره تلفن
قالب بندی فیلدهای شماره
ایجاد فیلدهایی برای گرفتن محدوده اعداد
ساخت فیلد انتخابگر تاریخ
فراخوانی انتخابگر رنگ برای ورودی میدان
4. استفاده از عناصر فرم جدید
ایجاد لیستی از ورودی های پیشنهادی با استفاده از عنصر datalist
استفاده از عنصر پیشرفت برای ایجاد نوار پیشرفت
نشان دادن اندازه گیری ها با عنصر متر
نمایش نتایج یک محاسبه با استفاده از عنصر خروجی
5. نمونه های واقعی از فرم های HTML5
فرم های HTML5 و موبایل
تبدیل فرم معمولی به فرم HTML5
نتیجه
خداحافظ