بوت اسپرینگ 5 چیک باکس اور رادیو بٹن

چک باکس

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

مثال

<div class="form-check">
  <input class="form-check-input" type="checkbox" id="check1" name="option1" value="something" checked>
  <label class="form-check-label">گزینه 1</label>
</div>

خود کا تجربہ کریئن

مثال توضیحی

برای تنظیم سبک چک باکس، از class="form-check" بسته‌بندی‌کننده را، تا برچسب و چک باکس‌ها دارای حاشیه مناسب باشند.

بعد از آن، .form-check-label کلاس اضافه کنید تا برچسب عناصر را، و .form-check-input افزودن .form-check کونٹینر کے اندر، چیک باکس کی شکل کا صحیح قیاس کریئن

اگر آپ چاہتے ہیں کہ چیک باکس کو طور طریق پر چک کیا جائے، تو checked خصوصیات

رادیو بٹن

اگر آپ چاہتے ہیں کہ استعمال کنندگان صرفاً مقررہ انتخابی فہرست میں سے ایک کو انتخاب کرسکیں تو، رادیو بٹن استعمال کریئن

مثال

<div class="form-check">
  <input type="radio" class="form-check-input" id="radio1" name="optradio" value="option1" checked>اختیار 1
  <label class="form-check-label" for="radio1"></label>
</div>
<div class="form-check">
  <input type="radio" class="form-check-input" id="radio2" name="optradio" value="option2">اختیار 2
  <label class="form-check-label" for="radio2"></label>
</div>
<div class="form-check">
  <input type="radio" class="form-check-input" disabled>اختیار 3
  <label class="form-check-label"></label>
</div>

خود کا تجربہ کریئن

چینچ سویچ کو بھیجئین

اگر آپ چیک باکس کو چینچ سویچ کی شکل میں استعمال کرنا چاہتے ہیں تو .form-switch کلاس اور .form-check یہاں ساتھ استعمال کریئن:

مثال

<div class="form-check form-switch">
  <input class="form-check-input" type="checkbox" id="mySwitch" name="darkmode" value="yes" checked>
  <label class="form-check-label" for="mySwitch">شاداب موڈ</label>
</div>

خود کا تجربہ کریئن