آموزش HTML و CSS: طراحی و ساخت فرم‌های وب - آخرین آپدیت

سرفصل ها و درس ها

مقدمه Introduction

• دسترسی‌پذیری Accessibility

• طراحی فرم‌های کاربرپسند Designing user-friendly forms

• آنچه باید بدانید What you should know

۱. طراحی تجربه کاربری فرم 1. Designing a Form Experience

• منطقی کردن ساختار Make it make sense

• حریم خصوصی داده‌ها Data privacy

• درخواست بیش از حد اطلاعات نکنید Don't ask for too much

• توضیح خواسته‌های خود Explain what you want

۲. ساخت فرم‌ها با HTML 2. Creating Forms with HTML

• ساختار پایه فرم Basic form structure

• المان Textarea Textarea element

• ویژگی Placeholder Placeholder attribute

• ویژگی‌های Name، id و label Name, id, and label

• المان Select Select element

• دکمه‌ها Buttons

• انواع ورودی تاریخ و زمان Date and time input types

• انواع ورودی ایمیل و URL Email and URL input types

• سایر انواع ورودی‌ها Other input types

• سایر ویژگی‌های فرم Other form attributes

• انواع ورودی عدد و تلفن Number and tel input types

• رادیو باتن‌ها و چک‌باکس‌ها Radio buttons and checkboxes

۳. تعاملی کردن فرم‌ها 3. Making Forms Interactive

• اعتبارسنجی Validation

• ویژگی Pattern Pattern attribute

• ارسال فرم و امنیت Form submission and security

۴. استایل‌دهی به فیلدهای فرم با CSS 4. Styling Form Fields with CSS

• Box sizing برای فرم‌ها Box sizing for forms

• استایل‌های پایه فرم: رنگ و اندازه Basic form styles: Color and size

• استایل‌دهی به Pseudo-classها Styling pseudo-classes

• استایل‌دهی رادیو باتن‌ها و چک‌باکس‌ها به شکل دکمه Styling radio buttons and checkboxes as buttons

• استایل‌دهی رادیو باتن‌ها و چک‌باکس‌ها با تصاویر Styling radio buttons and checkboxes with images

• استایل‌دهی به ورودی‌های متنی Styling text inputs

۵. چیدمان فرم با CSS 5. Form Layout with CSS

• چیدمان فرم برای صفحات عریض Wider screen layout for forms

• برچسب‌های فرم (Labels) Form labels

• چیدمان فرم برای صفحات کوچک Small-screen layout for forms

جمع‌بندی Conclusion

• گام‌های بعدی Next steps