عناصر فرم
ورودی های متنی
در اینجا نمونه هایی از .form-control برای هر
اچ تی ام ال اعمال می شود <input> type.
فرم پایه
یک مثال ساده از نمایش فرم پایه
شکل افقی
حتماً استفاده کنید .col-form-label-sm
یا .col-form-label-lg به شما <label>s
یا <legend>s
به درستی دنبال کردن اندازه .form-control-lg و
.form-control-sm.
سبک های سفارشی
سبک های سفارشی مثال.
فرم خطی
از.form-inline کلاس برای نمایش یک سری برچسب ها ، کنترل فرم و دکمه ها در یک ردیف افقی واحد استفاده کنید
کنترل فرم در فرم های درون خطی کمی از حالت های پیش فرض آنها متفاوت است..
اندازه ورودی
ارتفاعات را با استفاده از کلاس هایی مانند رو به رو تنظیم کنید
.form-control-lg و
.form-control-sm.
فایل
ورودی فایل از بین دسته‌ای است که بسیار مهم است و اگر می‌خواهید آنها را با انتخاب فایل کاربردی… و متن نام فایل انتخاب شده وصل کنید، به جاوا اسکریپت اضافی نیاز دارد.
اینجا است lang(es) در عمل بر روی ورودی فایل سفارشی برای ترجمه اسپانیایی :
کنترل فرم
مثال اصلی برای نشان دادن سبک های فرم بوت استرپ.
دامنه
ایجاد سفارشی
<input type="range">کنترل با
.custom-range.
ورودی های محدوده
ورودی های محدوده قابل پیمایش را به صورت افقی تنظیم کنید
.form-control-range.
سوییچ
سوییچ دارای علامت کادر سفارشی است اما از آن استفاده می کند .custom-switch کلاس برای ارائه
ضامن سوییچ. سوئیچ ها همچنین از غیرفعال صفت.
چک باکس
برای سفارشی سازی بیشتر و قوام مرورگر متقاطع ، از عناصر فرم کاملاً سفارشی ما برای جایگزینی پیش فرض های مرورگر استفاده کنید. آنها در بالای نشانه های معنایی و در دسترس ساخته شده اند ، بنابراین آنها جایگزین های کاملی برای هرگونه کنترل فرم پیش فرض هستند.
رادیو
برای سفارشی سازی بیشتر و قوام مرورگر متقاطع ، از عناصر فرم کاملاً سفارشی ما برای جایگزینی پیش فرض های مرورگر استفاده کنید. آنها در بالای نشانه های معنایی و در دسترس ساخته شده اند ، بنابراین آنها جایگزین های کاملی برای هرگونه کنترل فرم پیش فرض هستند.
عنصر پشتیبانی شده بوت استرپ
اشکال مثال ما متنی بومی را نشان می دهد
<input> در بالا,
اما سبک های اعتبار سنجی فرم برای کنترل فرم های سفارشی ما نیز در دسترس است.
فرم اعتبار سنجی سمت سرور
توصیه می کنیم از اعتبار سنجی مشتری استفاده کنید ،
اما در صورت نیاز به سمت سرور ، می توانید فرم نامعتبر و معتبر را نشان دهید
زمینه هایی با.is-invalidو .is-valid.
توجه داشته باشید که .invalid-feedback
همچنین با این کلاس ها پشتیبانی می شود.
گروههای ورودی استاتیک
با افزودن متن ، دکمه ها ، کنترل های فرم را به راحتی گسترش دهید گروه های دکمه ای در هر دو طرف ورودی های متنی ، انتخاب های سفارشی و ورودی های پرونده های سفارشی.
دکمه های گروه های ورودی
با افزودن متن ، دکمه ها ، کنترل های فرم را به راحتی گسترش دهید گروه های دکمه ای در هر دو طرف ورودی های متنی ، انتخاب های سفارشی و ورودی های پرونده های سفارشی.