عناصر فرم

ورودی های متنی

در اینجا نمونه هایی از.form-control applied to each textual HTML5 <input> type.

برچسب های شناور

یک جفت بپیچید<input class="form-control"> and <label> elements in .form-floating to enable floating labels

فرم افقی

حتما اضافه کنید.col-form-label to your <label>s as well so they’re vertically centered with their associated form controls.

Radios

اندازه ورودی

تنظیم ارتفاع با استفاده از کلاس هایی مانند.form-control-lg and .form-control-sm.

ورودی های محدوده

سفارشی ایجاد کنید<input type="range"> controls with .form-range.

به طور پیش فرض، ورودی های محدوده.

می توانید الف را مشخص کنیدstep value.

ورودی های محدوده دارای مقادیر ضمنی برای min و هستند\n

چک باکس ها

ایجاد چک باکس<input type="checkbox"> controls with .form-check-input.

پایه ای
سمت راست
درون خطی
رنگ های موجود

کلاس اضافه کنید.form-check-* for a color Checkboxes

رادیوها

ایجاد رادیوهای سفارشی<input type="radio"> controls with .form-check-input.

پایه ای
سمت راست
درون خطی
رنگ های موجود

کلاس اضافه کنید.form-radio-* for a color Radios

سوئیچ ها

یک سوئیچ دارای نشانه گذاری یک چک باکس سفارشی است اما از آن استفاده می کند.form-switch class to render a toggle switch. Switches also support the disabled attribute.

پایه ای
اندازه ها

مرورگر فایل

ایجاد مرورگر فایل سفارشی<input type="file"> controls with .form-control.

اندازه ها
سفارشی
© Samply.
طراحی و توسعه توسط Pichforest