این دوره فرم های HTML را به قطعات آسان برای درک تقسیم می کند. در طی چند ماژول بعدی، نحوه عملکرد یک فرم HTML و نحوه استفاده موثر از آنها در پروژه های خود را خواهید آموخت. برای پیمایش ماژول ها از منوی لوگوی Learn Forms استفاده کنید.
شما یاد خواهید گرفت که چگونه یک فرم اولیه HTML بسازید، در مورد عناصر فرم HTML، فرم های سبک، کمک به کاربران برای وارد کردن مجدد داده ها، اطمینان از در دسترس بودن و ایمن بودن فرم، نحوه آزمایش فرم های خود و انواع فرم های خاص.
هر ماژول پر از دموهای تعاملی و خودارزیابی است تا دانش خود را آزمایش کنید.
این دوره برای توسعه دهندگان HTML مبتدی و پیشرفته مناسب است. چند ماژول اول به شما کمک می کند تا با ساخت فرم های HTML شروع کنید، ماژول های دیگر جزئیات بیشتری را ارائه می دهند. می‌توانید این مجموعه را از ابتدا تا انتها مرور کنید تا به درک کلی از فرم‌های HTML دست پیدا کنید، یا ماژول خاصی را انتخاب کنید که می‌خواهید درباره آن بیشتر بدانید.
پیش نیازها
قبل از شروع این دوره، باید با HTML آشنا شوید. برای کسانی که تازه وارد توسعه وب شده اند، دوره مقدماتی HTML از MDN را بررسی کنید تا همه چیز را در مورد نحوه نوشتن نشانه گذاری بیاموزید.
دموها
برای اکثر دموها، از CodePen استفاده می کنیم.
با نگاهی به دموها، ممکن است تعجب کنید که سبک ها از کجا آمده اند. ما از یک شیوه نامه کلی استفاده می کنیم که در همه دموها موجود است، بنابراین فقط سبک های مربوطه در آنجا نشان داده می شوند. در CodePen، می‌توانید فایل‌های CSS موجود را از تنظیمات انتخاب کنید.
کنترل های فرم و فیلدهای فرم
کنترل فرم عنصری است که تعامل کاربر و ورود یا انتخاب داده ها را امکان پذیر می کند: یک <input> ، <select> ، <textarea> یا <button> .
گاهی اوقات از فیلد فرم برای اشاره به کنترل های فرم، به ویژه عناصر خاص برای ورود متن استفاده می شود: <input> و <textarea> .
در اینجا چیزی است که یاد خواهید گرفت
از فرم ها برای دریافت اطلاعات از کاربران استفاده کنید
با این مقدمه بر عنصر فرم، اصول استفاده از فرم را در وب بیاموزید.
به کاربران کمک کنید تا داده ها را در فرم ها وارد کنند
نمای کلی از عناصر فرم مختلف که می توانید برای ساخت فرم خود انتخاب کنید.
به کاربران کمک کنید از وارد کردن مجدد داده ها در فرم ها اجتناب کنند
پر کردن فرم ها را برای کاربران راحت تر کنید.
به کاربران کمک کنید تا داده های مناسب را در فرم ها وارد کنند
بیاموزید که چگونه فرم های خود را در فرانت اند اعتبار سنجی کنید.
فرم های خود را تست کنید
یاد بگیرید که چگونه فرم های خود را آزمایش و تجزیه و تحلیل کنید.
اصول طراحی
یاد بگیرید که چگونه فرم های کاربر پسند بسازید.
دسترسی
نحوه ساخت فرم های فراگیر
بین المللی سازی و بومی سازی
برای فرمت های داده بین المللی آماده باشید و یاد بگیرید که چگونه فرم خود را برای بومی سازی برنامه ریزی کنید.
امنیت و حریم خصوصی
بیاموزید که چگونه فرم های خود را ایمن کنید و داده های کاربران خود را خصوصی نگه دارید.
تکمیل خودکار
درباره تکمیل خودکار و ویژگی تکمیل خودکار همه چیز بیاموزید.
نحوه تست فرم ها برای قابلیت استفاده
نحوه انجام تست قابلیت استفاده را بیابید و مطمئن شوید که فرم شما برای همه کاربران شما به خوبی کار می کند.
فرم ها را در دستگاه ها و پلتفرم ها آزمایش کنید
اطمینان حاصل کنید که فرم شما با دستگاه‌ها، مرورگرها، پلتفرم‌ها و زمینه‌های مختلف کار می‌کند.
جمع آوری اطلاعات
یاد بگیرید که چگونه فرم خود را اندازه گیری و تجزیه و تحلیل کنید.
عنصر فرم در عمق
همه چیز را در مورد عنصر فرم، زمانی که باید از یک فرم استفاده کنید و نحوه عملکرد یک فرم با جزئیات بیاموزید.
فیلدها را به صورت عمیق تشکیل دهید
در مورد فیلدهای فرم مختلفی که می توانید استفاده کنید و نحوه انتخاب عنصر فرم مناسب بیاموزید.
ویژگی ها را عمیقاً تشکیل دهید
درباره ویژگی‌های فرم همه چیز را بیاموزید: نحوه تغییر طرح‌بندی صفحه‌کلیدهای روی صفحه، فعال کردن اعتبارسنجی داخلی و موارد دیگر.
فرم های یک ظاهر طراحی شده
فرم ها را با استفاده از CSS سبک کنید، در حالی که اطمینان حاصل کنید که برای همه قابل استفاده و خواندن هستند.
کنترل فرم یک ظاهر طراحی شده
نحوه پیاده سازی کنترل های فرم با CSS را بیاموزید.
جاوا اسکریپت
نحوه استفاده از جاوا اسکریپت برای بهبود فرم های خود را بیابید.
فرم های پرداخت
با ایجاد فرم های پرداخت بهتر، نرخ تبدیل را بهبود بخشید.
فرم های آدرس
به کاربران کمک کنید تا فرم های آدرس را سریع و آسان پر کنند.
نتیجه گیری و مراحل بعدی
منابع بیشتر برای کمک به شما در برداشتن گام های بعدی.
بنابراین، آیا برای یادگیری در مورد فرم ها آماده هستید؟ بیا شروع کنیم .