بوت اسپرینگ 5 فرم فلوٹ لبل

فلوٹنگ لبل/آنیماٹک لبل

دفعتی طور پر، لبل (label) استعمال کرتے وقت، وہ عام طور پر انٹری فیلڈ کے اوپر نمودار ہوتے ہیں:

پائیدار لبل استعمال کرکے، آپ انٹری فیلڈ میں لبل داخل کرسکتے ہیں اور انٹری فیلڈ پر کلک کرنے پر وہ فلوٹنگ/آنیماٹک بن سکتے ہیں:

مثال

<div class="form-floating mb-3 mt-3">
  <input type="text" class="form-control" id="email" placeholder="پتھر اپنائیں الیکٹرنک پتا" name="email">
  <label for="email">ایمیل</label>
</div>
<div class="form-floating mt-3 mb-3">
  <input type="text" class="form-control" id="pwd" placeholder="پارول درج کریں" name="pswd">
  <label for="pwd">پارول</label>
</div>

نواز کریں ساتھ!

متحرک لیبل کے بارے میں نکات:

<label> علامت کا عنصر <input> عنصر کے بعد ہونا چاہئے، اور ہر <input> عنصر کو ضروری ہوگا، پلیسچارک پروپٹری (حتی اگر نمودار نہیں ہو)۔

متن کا علاقہ

بھی متعلق ہوتا ہے:

مثال

<div class="form-floating">
  <textarea class="form-control" id="comment" name="text" placeholder="کامنٹ یہاں جائیداد کریں"></textarea>
  <label for="comment">کامنٹ</label>
</div>

نواز کریں ساتھ!

منتخب کریں سلسلہ

آپ سلسلہ انتخاب میں 'متحرک' لیبل کا استعمال بھی کرسکتے ہیں، لیکن وہ متحرک نہیں ہوتے/آنیماٹیڈ نہیں ہوتے۔ لیبل کسی بھی منتخب کئے جانے والے سلسلہ انتخاب کے چمپا کے ساتھ آپ میں کھلے گئے نہیں ہوتے:

مثال

<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">لیبل منتخب کریں (ایک منتخب کریں)：</label>
</div>

نواز کریں ساتھ!