Bootstrap 5 furo

Tagoyin kuduro / Tagoyin gyaran

Dabawon, a kan amfani da tag (label) a hanyar kuma su yi imanin kai tsaye a fagen kuduro:

Gyaran girmi kuduro, za a kan wakilci a hawun kama a kuduro, kuma a kan yancin kuduro a kuduro a hawun a kuduro:

Mafi

<div class="form-floating mb-3 mt-3">
  <input type="text" class="form-control" id="email" placeholder="raba ina hawun" name="email">
  <label for="email">Iya</label>
</div>
<div class="form-floating mt-3 mb-3">
  <input type="text" class="form-control" id="pwd" placeholder="Rarraba koda" name="pswd">
  <label for="pwd">Koda</label>
</div>

Jiki kai tsaye

Rarraba hanyar da a fi amfani da labari mai sauri:

<label>Element na <input> yana da wajibin a yi kama a cikin <input> kuma kowane <input> yana da wajibin a yi kama a cikin placeholder Hakikoki (kamar yadda a yi amfani da).

Textarea

Yana da amfani da:

Mafi

<div class="form-floating">
  <textarea class="form-control" id="comment" name="text" placeholder="Rarraba za a zura a cikin hana"></textarea>
  <label for="comment">Rarraba</label>
</div>

Jiki kai tsaye

Kundin yanar da zai aiki

Kuma za a iya amfani da 'Labari mai sauri' a cikin kundin yanar da zai aiki. Amma, suka kai tsaye/animation. Taga za a yi kama a cikin kundin yanar da zai aiki a cikin kusa da babban nau'i:

Mafi

<div class="form-floating">
  <select class="form-select" id="sel1" name="sellist">
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
  </select>
  <label for="sel1" class="form-label">Yanar da za a zura (zura kan wani):</label>
</div>

Jiki kai tsaye