Bootstrap 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> အချက်အလက် ပြီးတော့ အချက်အလက် အချက်အလက် လုံး ကို လိုအပ်သည်။ placeholder အခြေခံ အခွင့်အရေး (ကျေးဇူးမရှိသေးပါ)。

Textarea

အခြေခံအရာ အားလုံး ပုံစံ

အကျိုးသတ္တု

<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>

ကိုယ်တိုင် စမ်းသပ်ပါ