فرم های پیش رفته
انتخاب 2
انتخاب تکی
انتخاب 2 می تواند جعبه انتخاب منظم مانند این را انتخاب کند
انتخاب چندگانه
انتخاب 2 می تواند جعبه انتخاب منظم مانند این را انتخاب کند
ورودی برچسب ها
برچسب های ورودی
فقط اضافه کن data-role="tagsinput" به فیلد ورودی خود به صورت خودکار آن را به فیلد ورودی تگ تغییر دهید.
چند ارزش واقعی
استفاده از <انتخاب چندگانه /> به عنوان عنصر ورودی برای ورودی تگ ها، برای به دست آوردن پشتیبانی چند ارزش واقعی. به جای یک رشته جدا شده با کاما، مقادیر در یک آرایه تنظیم می شوند.
سوئیچینگ
پایه
یک ویژگی اضافه کنید
data-plugin="switchery" data-color="@colors"
به عنصر ورودی خود و آن را به سوئیچ تبدیل می شود.
اندازه و رنگ ثانویه
یک ویژگی اضافه کنید
data-size="small",data-size="large"
به عنصر ورودی خود و آن را به سوئیچ تبدیل می شود.
یک ویژگی اضافه کنید
data-color="@color" data-secondary-color="@color"
به عنصر ورودی خود و آن را به سوئیچ تبدیل می شود.
حداکثر بوت استرپ
استفاده پیش فرض
نشانگر به صورت پیش فرض نشان داده می شود وقتی که علامت های باقیمانده 10 یا کمتر باشد:
مقدار آستانه
آیا می خواهید علامت را نشان می دهد زمانی که 20 علامت یا کمتر وجود دارد؟ استفاده از آستانه گزینه:
همه گزینه ها
لطفا توجه داشته باشید: اگر همیشه نمایش گزینه فعال است آستانه گزینه نادیده گرفته می شود.
موقعیت
همه چیزهایی که باید انجام دهید این است که مشخص کنید تعیین سطح گزینه، با یکی از آن رشته ها. اگر هیچ کدام مشخص نشده باشد، موقعیت یابی به پایین می رود.
مناطق متن
حداکثر طول بوت استرپ از منطقه متن و همچنین ورودی پشتیبانی می کند. حتی در اینترنت اکسپلورر قدیمی.
بوت استرپ انتخاب کنید
ایجاد کنید
<select>
با
.selectpicker کلاس.
همچنین با گروه گزینه ها کار می کند:
شما همچنین می توانید آیکون تیک را به صورت تک نشان دهید انتخاب کنید با show-tick class:
و با انتخاب های مختلف:
شما می توانید تعداد عناصر که شما مجاز به انتخاب از طریق آن محدودیت را محدود کنید
data-max-option
صفت. همچنین برای گروه گزینه ها کار می کند.
شما می توانید تعداد عناصر که شما مجاز به انتخاب از طریق آن محدودیت را محدود کنید
data-max-option
صفت. همچنین برای گروه گزینه ها کار می کند.
یک آیکون را به یک گزینه اضافه کنید یا گروه opt را با data-icon با صفت:
شما می توانید یک ورودی جستجو را با گذراندن اضافه کنیدdata-live-search="true" با صفت:
شما همچنین می توانید از
عنوان ویژگی به عنوان یک جایگزین برای نشان دادن زمانی که گزینه انتخاب شده است:
با استفاده از data-selected-text-format ویژگی در یک انتخاب چندگانه
شما می توانید نحوه نمایش را مشخص کنید.
افزودن غیر فعال ویژگی انتخاب را انتخاب کنید تا اعمال شود غیر فعال کلاس.
جمع کننده زمان
به راحتی یک زمان برای یک ورودی متن را با استفاده از کلیدهای پیکان ماوس یا کلیدهای خود انتخاب کنید.
انتخاب کننده رنگ
اضافه کردن مجموعه رنگ به زمینه یا به هر عنصر دیگر.
ماسک ورودی
متن فوق العاده شما اینجا می رود. متن عالی شما اینجا می رود.
انتخاب محدوده تاریخ
یک جزء جاوا اسکریپت برای انتخاب محدوده های تاریخ. طراحی شده برای کار با چارچوب CSS Bootstrap.
انتخاب تاریخ
جمع کننده تاریخ به یک فیلد ورودی فرم استاندارد متصل می شود. بر روی ورودی کلیک کنید برای باز کردن تقویم تعاملی در یک پوشه کوچک. در جای دیگری روی صفحه کلیک کنید یا کلید Esc را برای بستن فشار دهید. اگر یک تاریخ انتخاب شده باشد، بازخورد به عنوان مقدار ورودی نشان داده می شود.
