Chaguo cha Kifungu cha Chaguo cha Chaguo cha Bootstrap 5

kichapisho cha kichapisho

Ikiwa na nia ya kumwambia mtumiaji kwamba anaweza kuchagua chochote cha orodha ya chochote ya maelezo, tafadhali tumie

Mifano

<div class="form-check">
  <input class="form-check-input" type="checkbox" id="check1" name="option1" value="something" checked>
  <label class="form-check-label">Chaguo 1</label>
</div>

Mwongozo wa kufikia kwa uangalifu

mifano ya mawasiliano

Kuwa na uwanja wa kichapisho cha kichapisho cha kichapisho, tafadhali tumie class="form-check" kufikia kiwango cha jumuiya cha kifungu cha kufikiria kwa kuhakikisha kwamba label na msingi ya kichapisho zina kimaeneo cha kina.

pweza .form-check-label kigeuza class kwa kitovu cha label, na pia .form-check-input ongezwa .form-check kwenye kina, ili kumuhesha kuweka uwezo wa msichana wa chaguo.

Ikiwa unataka kuweka msichana kwa chaguo, tumia checked Mafano.

Mabomu ya chaguo

Ikiwa unataka kusimama mtu kutumia chaguo kwenye orodha ya chaguo zilizopewa, tumia mabomu ya chaguo.

Mifano

<div class="form-check">
  <input type="radio" class="form-check-input" id="radio1" name="optradio" value="option1" checked>Chaguo 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">Chaguo 2
  <label class="form-check-label" for="radio2"></label>
</div>
<div class="form-check">
  <input type="radio" class="form-check-input" disabled>Chaguo 3
  <label class="form-check-label"></label>
</div>

Mwongozo wa kufikia kwa uangalifu

Kushika gumba

Ikiwa unataka kuweka msichana kama uwezo wa kubwana, tuma .form-switch Na .form-check Tumia kwa pamoja:

Mifano

<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">Modi ya kina</label>
</div>

Mwongozo wa kufikia kwa uangalifu