المان checkbox

با مؤلفه چک‌های کاملاً بازنویسی شده ما، کادرها و رادیوها و رادیوهای بین مرورگر و دستگاه‌های مختلف ایجاد کنید.

بررسی فرم در بوت استرپ
المان checkbox
<div class="form-check"><input class="form-check-input" id="flexCheckDefault" type="checkbox" value="" /><label class="form-check-label" for="flexCheckDefault">Default checkbox</label></div>
<div class="form-check"><input class="form-check-input" id="flexCheckChecked" type="checkbox" value="" checked="" /><label class="form-check-label" for="flexCheckChecked">Checked checkbox</label></div>
نامشخص

چک باکس ها :indeterminate وقتی به صورت دستی از طریق جاوا اسکریپت تنظیم می شوند می توانند از کلاس شبه استفاده کنند (هیچ ویژگی HTML موجود برای تعیین آن وجود ندارد.

<div class="form-check"><input class="form-check-input" id="flexCheckIndeterminate" type="checkbox" value="" /><label class="form-check-label" for="flexCheckIndeterminate">Indeterminate checkbox</label></div>
رادیوها
<div class="form-check"><input class="form-check-input" id="flexRadioDefault1" type="radio" name="flexRadioDefault" /><label class="form-check-label" for="flexRadioDefault1">Default radio</label></div>
<div class="form-check"><input class="form-check-input" id="flexRadioDefault2" type="radio" name="flexRadioDefault" checked="" /><label class="form-check-label" for="flexRadioDefault2">Default checked radio</label></div>
سوئیچ ها

یک سوئیچ دارای نشانه گذاری یک چک باکس سفارشی است اما از .form-switchکلاس برای ارائه یک سوئیچ تعویض استفاده می کند. سوئیچ ها نیز از این disabledویژگی پشتیبانی می کنند.

<div class="form-check form-switch"><input class="form-check-input" id="flexSwitchCheckDefault" type="checkbox" /><label class="form-check-label" for="flexSwitchCheckDefault">Default switch checkbox input</label></div>
<div class="form-check form-switch"><input class="form-check-input" id="flexSwitchCheckChecked" type="checkbox" checked="" /><label class="form-check-label" for="flexSwitchCheckChecked">Checked switch checkbox input</label></div>
<div class="form-check form-switch"><input class="form-check-input" id="flexSwitchCheckDisabled" type="checkbox" disabled="" /><label class="form-check-label" for="flexSwitchCheckDisabled">Disabled switch checkbox input</label></div>
<div class="form-check form-switch"><input class="form-check-input" id="flexSwitchCheckCheckedDisabled" type="checkbox" checked="" disabled="" /><label class="form-check-label" for="flexSwitchCheckCheckedDisabled">Disabled checked switch checkbox input</label></div>
Inline را بررسی کنید

کادرهای انتخاب یا رادیوها را در همان ردیف افقی با افزودن .form-check-inlineبه هر یک گروه بندی کنید .form-check.


سبک ناوبری عمودی

برای ناوبری عمودی خود بین سبک ها جابه جا شوید

دیدن راهنما

چیزی که میبینی را دوست داری؟

برای خرید قالب فالکون از راستچین اقدام کنید.

خرید
شخصی سازی