آموزش صفر تا صد کار با کامپوننت Forms در بوت استرپ 4


آموزش صفر تا صد کار با کامپوننت Forms در بوت استرپ 4
برای خرید این درس نیاز است وارد سایت شوید. در صورت نداشتن حساب کاربری عضو شوید.

آموزش کامپوننت forms در بوت استرپ 4:


در این بخش از آموزش، با کامپوننت بسیار مهم و کاربردی forms در بوت استرپ 4 آشنا می‌شوید. همانطور که می دانید در همه سایت‌های پویا نیاز داریم یک سری اطلاعات را از کاربر بگیریم، پس نیاز داریم فرم هایی رو طراحی کنیم، به همین منظور بوت استرپ این کامپوننت را اضافه کرد و کلاس‌های زیادی برای آن تعریف کرد.

 

کلاس های موجود در کامپوننت forms:

  • form-group: برای گروه‌بندی برچسب‌ها، کنترل‌های فرم و فاصله مناسب بین آن‌ها به کار می‌رود.
  • form-control: کنترل‌های فرم به صورت پیش فرض شامل استایل‌های از پیش تعریف شده‌ایی می‌باشند. همه عناصر متنی <input> ، <textarea> و <select> با کلاس form-control دارای عرض %100  هستند.     
  • form-control-*(size): برای تنظیم سایزهای مختلف از کلاس های form-control-sm یا form-control-lg استفاده می‌شود.
  • readonly: با استفاده از این کلاس می‌توان inputها فقط خواندنی شوند و نمی توان ورودی‌های آن را تغییر داد.
  • form-control-plaintext: عناصر فقط خواندنی را در فرم به صورت متن ساده قرار می‌دهد.
  • form-inline: عناصر فرم مانند برچسب‌ها، کنترل‌های فرم و دکمه را کنار هم و در یک ردیف افقی نمایش داده می‌شوند.
  • form-check: برای اطمینان از فاصله مناسب برچسب‌ها و باکس‌های انتخاب استفاده می‌شود. برای برچسب‌ها کلاس form-check-label را اضافه می‌کنیم و برای باکس‌های انتخاب کلاس  form-check-input را اضافه می‌کنیم.
  • form-check-inline: باکس‌های چک یا رادیوها را در یک ردیف افقی نمایش می‌دهد.
  • form-row: برای کنترل عرض و تراز کردن input های فرم می توان از کلاس col استفاده کرد، اما باید آن ها در کلاس form-row قرار داد.
  • col-form-label: برچسب با کنترل‌های فرم مرتبط خود به صورت عمودی در مرکز قرار می‌گیرد. می توانیم با کلاس‌های col-form-label-lg و col-form-label-sm در سایزهای مختلف نمایش دهیم.
  • custom-control-*(control): برای ساخت کنترل‌های سفارشی استفاده می‌شود.
  • custom-select: منوهای select را می توان با این کلاس به صورت سفارشی تنظیم کرد.
  • custom-file: برای ایجاد یک کنترل آپلود فایل سفارشی استفاده می‌شود.
  • custom-checkbox: برای ایجاد یک checkbox سفارشی استفاده می‌شود.
  • valid-feedback, invalid-feedback: برای اعتبارسنجی inputها استفاده می‌شود. به کاربر پیام خطا را دقیق اعلام می‌کند که چه چیزی فراموش شده یا نادرست است.
  • valid-tooltip, invalid-tooltip: برای تغییر tooltipهای اعتبار سنجی از این کلاس استفاده می‌شود.

 

برای یادگیری این مبحث مثال‌ها و نکته‌های متعددی را در فایل ویدئویی آورده‌ایم که با تهیه این درس و مشاهده ویدئوها به طور کامل به این مبحث مسلط خواهید شد.

 

امیدواریم که این آموزش، برای شما دوستان درسمنی عزیز مفید باشد،درصورت سوال و یا مشکل می‌توانید به انجمن پرسش و پاسخ درسمن مراجعه کنید. پیشنهادات و انتقادات خود را در بخش نظرات برای ما ارسال کنید.smiley

انجمن برنامه نویسان وب


نظر بدهید

نشانی ایمیل شما منتشر نخواهد شد .
برای ارسال نظر نیاز است وارد سایت شوید. در صورت نداشتن حساب کاربری عضو شوید.

مشخصات دوره


مدرس دوره : مهدی عباسی
تعداد جلسات 24 جلسه
مدت زمان 601 دقیقه
حجم دوره 2/76 گیگابایت
سطح مهارت مقدماتی تا پیشرفته
وضعیت دوره پایان یافته
تعداد دانشجویان 147
: میانگین امتیاز

175,000تومان
برای دسترسی به این دوره وارد یا عضو شوید.
مهدی عباسی
مهدی عباسی

درباره مدرس :

مدیر‌ عامل‌ شرکت آریا‌ نرم‌‌ افزار دارنده مدرک کارشناسی‌ ارشد مهندسی کامپیوتر 12‌ سال سابقه تدریس دروس کامپیوتر را در دانشگاههای دولتی، آزاد، پیام‌نور ملایر، شهیدشمسی‌پور تهران و تدریس برنامه‌نویسی در ... ر انیستیتو ایزایران، مجتمع فنی و موسسه راه‌آینده تهران دارا میباشد و تا به حال راهنمایی انجمنهای علمی دانشگاه و صدها پروژه دانشجویی را برعهده داشته است. تخصص اصلی: با داشتن گواهی‌نامه‌های معتبر تدریس از انیستیتو‌ ایزایران، راه آینده‌تهران و سازمان‌فنی‌حرفه‌ای، تدریس و آموزش‌ دروس کامپیوتر، ‌برنامه‌نویسی کامپیوتر و کلاسهای کنکور کارشناسی و کارشناسی‌ارشد میباشد.همچنین تجربه داوری و نظارت مسابقات برنامه‌نویسی کشوری‌ACM را در سالهای متعدد داشته و تیم مورد رهبری ایشان در 3سال متوالی مقام اول مسابقات کشوری را از آن خود کرده است.ایشان مقالاتی در زمینه شبکه‌های کامپیوتری، تکنیک‌های وزارت دفاع و ... به ثبت رسانده و مشاور و کارشناس در طراحی و برنامه نویسی بیش از 50‌برنامه کاربردی تحت وب و ویندوز و موبایل میباشد. افتخارات دیگر:کسب مقام دوم ایده‌های برتر در مسابقات استارت‌آپ و بکند کشوری را نام برد.بیشتر بدانید