بوت اسپین 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>

ਆਪਣੇ ਅਨੁਸਾਰ ਪ੍ਰਯੋਗ ਕਰੋ