فرم پیشرفته
انتخاب کنید2
Select2 یک جعبه انتخاب قابل تنظیم با پشتیبانی از جستجو، برچسب‌گذاری، مجموعه داده‌های راه دور، اسکرول بی‌نهایت و بسیاری دیگر از گزینه‌های پرکاربرد را در اختیار شما قرار می‌دهد.
انتخاب واحد
Select2 می تواند یک جعبه انتخاب معمولی مانند این را بگیرد...
انتخاب چندگانه
Select2 می تواند یک جعبه انتخاب معمولی مانند این را بگیرد...
\u003c!--2 css --\u003e را انتخاب کنید\n
\u003c!-- تک انتخاب --\u003e\n
انتخابگر محدوده تاریخ
یک جزء جاوا اسکریپت برای انتخاب محدوده تاریخ، تاریخ و زمان.
\u003c!-- Daterangepicker css --\u003e\n
\u003c!-- محدوده تاریخ --\u003e\n
تعویض
در اینجا چند نوع سوئیچ آورده شده است.
\u003c!-- بدون برچسب--\u003e\n
بوت استرپ Datepicker
Bootstrap-datepicker یک ویجت datepicker انعطاف پذیر به سبک Bootstrap ارائه می دهد.
\u003c!-- بوت استرپ Datepicker css --\u003e\n
\u003c!-- انتخابگر تاریخ --\u003e\n
ماسک های ورودی
یک پلاگین جی کوئری برای ایجاد ماسک در فیلدهای فرم و عناصر HTML.
\u003c!-- Input Mask js --\u003e\n
\u003cdiv class\u003d\
Bootstrap Touchspin
یک جزء چرخشی ورودی سازگار با موبایل و لمس برای Bootstrap.\n data-toggle="touchspin" and your input would be conveterted into touch friendly spinner.
\u003c!-- Bootstrap Touchspin css --\u003e\n
\u003cdiv class\u003d\
حداکثر طول بوت استرپ
از ویژگی HTML5 maxlength برای کار استفاده می کند. data-toggle="maxlength" attribute
to have maxlength indication on any input.
وقتی نویسه‌های باقی‌مانده 10 یا کمتر باشند، نشان به‌طور پیش‌فرض نشان داده می‌شود:
Satrt زمانی که به یک آستانه رسید، نشانگر را نشان می دهد. threshold. E.g.
data-threshold="12"
تنها کاری که باید انجام دهید این است که ویژگی داده را مشخص کنیدplacement. The possible positions are left, top, right, bottom-right, top-right, top-left,
bottom, bottom-left and centered-right. If none is specified, the positioning will be defauted to 'bottom'.
E.g. data-placement="top"
Bootstrap maxlength از textarea و همچنین ورودی ها پشتیبانی می کند.
\u003c!-- Bootstrap Maxlength js --\u003e\n
\u003cdiv class\u003d\
تایپی پیش
Typeahead.js یک کتابخانه تکمیل خودکار سریع و با امکانات کامل است.
\u003c!-- سر تایپ --\u003e\n
\u003cdiv class\u003d\
زمان سنج
با استفاده از کلیدهای پیکان ماوس یا صفحه‌کلید، زمان ورودی متن را به راحتی انتخاب کنید. data-toggle="timepicker"
and you would have nice timepicker input element.
\u003c!-- Bootstrap Timepicker css --\u003e\n
\u003cdiv class\u003d\