عناصر فرم
انواع ورودی
متداول ترین کنترل فرم ، زمینه های ورودی مبتنی بر متن.شامل پشتیبانی از همه انواع HTML5: text, password, datetime, datetime-local, date, month, time, week, number, email, url, جستجو, tel, وت color.
برچسب های شناور
یک جفت از<input class="form-control"> و <label> عناصر در.form-floatingبرای فعال کردن برچسب های شناور با زمینه های فرم متنی بوت سترپ.بوها placeholder is required on each <input> همانطور که روش ما از برچسب های شناور فقط CSS از آن استفاده می کند:placeholder-shown شبه عنصرهمچنین توجه داشته باشید که <input>باید ابتدا بیاید تا بتوانیم از یک خواهر و برادر انتخاب کنیم (به عنوان مثال ، ~).
نمونه
تکست اریا
انتخاب کردن
چینش
انتخابگر
<select> منوها فقط به یک کلاس سفارشی نیاز دارند ، .form-selectبرای ایجاد سبک های سفارشی.
سوئیچ
سوئیچ دارای علامت کادر سفارشی است اما از آن استفاده می کند.form-switchکلاس برای ارائه سوئیچ ضامن.سوئیچ ها همچنین پشتیبانی می کنندdisabled ویژگی.
کادر انتخاب
هر کادر و رادیو <input> and <label> جفت شدن در <div>برای ایجاد کنترل سفارشی ما.از نظر ساختاری ، این همان رویکرد پیش فرض ما است .form-check.
درون خطی
غیرفعال
رنگ
رادیو
هر کادر و رادیو <input> و <label> جفت شدن در <div> برای ایجاد کنترل سفارشی ما.از نظر ساختاری ، این همان رویکرد پیش فرض ما است .form-check.
درون خطی
غیرفعال
رنگ
اندازه ورودی
ارتفاعات را با استفاده از کلاس هایی مانند تنظیم کنید .input-lg, و عرض را با استفاده از کلاسهای ستون شبکه مانند تنظیم کنید .col-lg-*.
گروه ورودی
با افزودن متن ، دکمه یا گروه های دکمه ای در هر دو طرف ورودی های متنی ، انتخاب های سفارشی و ورودی های پرونده های سفارشی ، کنترل های فرم را به راحتی گسترش دهید
سوئیچ سفارشی
در اینجا چند نوع سوئیچ آورده شده است.